*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#app{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}button:focus,button:focus-visible{outline:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-v-01cc9d08]{box-sizing:border-box}.calculator-wrapper[data-v-01cc9d08]{width:100%;min-height:100vh;background:linear-gradient(135deg,#fdfcfb,#e2ebf0);display:flex;align-items:center;justify-content:center;padding:32px 16px}.calculator-container[data-v-01cc9d08]{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px}.calculator-card[data-v-01cc9d08]{background:#fffffff0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px;border:1px solid rgba(226,232,240,.8);box-shadow:0 25px 60px #0f172a14,0 8px 20px #206e500a;position:relative}.calculator-card>.header-section[data-v-01cc9d08]{border-radius:28px 28px 0 0;overflow:hidden}.header-section[data-v-01cc9d08]{text-align:center;padding:36px 28px 32px;background:linear-gradient(135deg,#27ae60,#11998e);position:relative;overflow:hidden}.header-section[data-v-01cc9d08]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.main-title[data-v-01cc9d08]{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:.5px;position:relative}.subtitle[data-v-01cc9d08]{font-size:14px;color:#ffffffd9;margin:0;font-weight:400;letter-spacing:1.2px;position:relative}.content-section[data-v-01cc9d08]{padding:28px 28px 32px;position:relative;z-index:1}.food-section[data-v-01cc9d08]{margin-bottom:24px;position:relative;z-index:2}.food-section[data-v-01cc9d08]:has(.control-item.active){z-index:10}.section-header[data-v-01cc9d08]{margin-bottom:14px;text-align:center}.label-badge[data-v-01cc9d08]{display:inline-flex;align-items:center;padding:6px 14px;background:linear-gradient(135deg,#27ae6026,#16a08526);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#27ae60;border-radius:11px;font-size:13px;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #27ae6026,inset 0 1px #ffffff80,0 0 0 1px #27ae601a;border:1px solid rgba(39,174,96,.2)}.label-badge.target[data-v-01cc9d08]{background:linear-gradient(135deg,#f093fb26,#f5576c26);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#f5576c;box-shadow:0 2px 8px #f5576c26,inset 0 1px #ffffff80,0 0 0 1px #f5576c1a;border:1px solid rgba(245,87,108,.2)}.controls-group[data-v-01cc9d08]{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.control-row[data-v-01cc9d08]{display:flex;gap:10px;align-items:flex-start}.control-row>.control-item[data-v-01cc9d08]:first-child{flex:1.5;min-width:0}.control-row>.control-item.input-item[data-v-01cc9d08]{flex:1.2;min-width:0}.target-section .control-row>.control-item[data-v-01cc9d08]:first-child{flex:1;min-width:0}.target-section .control-row>.control-item[data-v-01cc9d08]:not(.input-item):not(:first-child){flex:1;min-width:0}.control-item[data-v-01cc9d08]{position:relative;background:#fdfdfd;border-radius:14px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid #edf1f4;z-index:1;box-shadow:0 10px 20px #0f172a0a}.control-item[data-v-01cc9d08]:hover{background:#fff;border-color:#27ae6040;box-shadow:0 12px 24px #27ae6014;transform:translateY(-1px)}.control-item.input-item[data-v-01cc9d08]{cursor:default;z-index:1}.control-item.input-item[data-v-01cc9d08]:hover{transform:none;background:#f8f9fa;border-color:transparent;box-shadow:none}.control-item.need-attention[data-v-01cc9d08]{animation:pulseAttention-01cc9d08 2s ease-in-out infinite;border-color:#ff950066;background:#ff95000d}@keyframes pulseAttention-01cc9d08{0%,to{border-color:#ff950066;box-shadow:0 0 #ff950066}50%{border-color:#ff950099;box-shadow:0 0 0 4px #ff95001a}}.control-item.active[data-v-01cc9d08]{z-index:50}.control-content[data-v-01cc9d08]{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.control-label[data-v-01cc9d08]{font-size:12px;color:#6b7280;font-weight:500;letter-spacing:.2px;white-space:nowrap;flex-shrink:0}.control-value[data-v-01cc9d08]{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#1d1d1f;font-weight:500;flex:1;min-width:0}.placeholder[data-v-01cc9d08]{color:#c7c7cc}.value-text[data-v-01cc9d08]{color:#1d1d1f;font-weight:600}.arrow-icon[data-v-01cc9d08]{width:18px;height:18px;color:#8e8e93;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.arrow-icon.open[data-v-01cc9d08]{transform:rotate(180deg)}.dropdown-menu[data-v-01cc9d08]{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 14px 36px #0f172a2e,0 0 1px #0f172a14;z-index:1000;overflow:hidden;animation:dropdownFadeIn-01cc9d08 .22s cubic-bezier(.4,0,.2,1);max-height:280px;overflow-y:auto}.dropdown-menu.scrollable[data-v-01cc9d08]{max-height:280px}@keyframes dropdownFadeIn-01cc9d08{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-01cc9d08]{padding:12px 16px;font-size:14px;color:#1d1d1f;transition:all .2s ease;cursor:pointer;font-weight:500}.dropdown-item[data-v-01cc9d08]:hover{background:linear-gradient(90deg,#27ae6014,#16a08514);color:#27ae60}.dropdown-item[data-v-01cc9d08]:active{background:linear-gradient(90deg,#27ae6026,#16a08526)}.input-wrapper[data-v-01cc9d08]{position:relative;display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.weight-input[data-v-01cc9d08]{flex:1;border:none;background:transparent;font-size:15px;color:#1d1d1f;font-weight:600;outline:none;padding:0;text-align:right;min-width:52px;width:100%;max-width:100%}.weight-input[data-v-01cc9d08]::placeholder{color:#c7c7cc;font-weight:500}.weight-input[data-v-01cc9d08]::-webkit-outer-spin-button,.weight-input[data-v-01cc9d08]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit[data-v-01cc9d08]{font-size:14px;color:#8e8e93;font-weight:500;margin-left:6px;flex-shrink:0}.divider-section[data-v-01cc9d08]{display:flex;align-items:center;gap:12px;margin:24px 0;position:relative;z-index:1}.divider-line[data-v-01cc9d08]{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#d4d8dd 50%,transparent 100%)}.convert-icon[data-v-01cc9d08]{width:36px;height:36px;background:linear-gradient(135deg,#27ae60,#16a085);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #27ae604d;animation:pulse-01cc9d08 2s cubic-bezier(.4,0,.6,1) infinite;position:relative;z-index:1}@keyframes pulse-01cc9d08{0%,to{box-shadow:0 4px 12px #27ae604d}50%{box-shadow:0 4px 20px #27ae6080}}.convert-icon svg[data-v-01cc9d08]{width:20px;height:20px;color:#fff}.friendly-tip[data-v-01cc9d08]{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-top:14px;background:#ff950014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,149,0,.2);border-radius:12px;color:#ff9500;font-size:13px;font-weight:500;animation:tipSlideIn-01cc9d08 .4s cubic-bezier(.4,0,.2,1)}.tip-icon[data-v-01cc9d08]{width:20px;height:20px;flex-shrink:0;color:#ff9500}.tip-fade-enter-active[data-v-01cc9d08],.tip-fade-leave-active[data-v-01cc9d08]{transition:all .3s cubic-bezier(.4,0,.2,1)}.tip-fade-enter-from[data-v-01cc9d08],.tip-fade-leave-to[data-v-01cc9d08]{opacity:0;transform:translateY(-10px)}@keyframes tipSlideIn-01cc9d08{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.usage-notes[data-v-01cc9d08]{margin-top:18px;background:#ffffffd9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(39,174,96,.15);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #27ae601a}.notes-header[data-v-01cc9d08]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#27ae6014,#16a08514);color:#27ae60;font-size:15px;font-weight:600;letter-spacing:.3px}.info-icon[data-v-01cc9d08]{width:20px;height:20px;flex-shrink:0;color:#27ae60}.notes-content[data-v-01cc9d08]{padding:18px 20px;display:flex;flex-direction:column;gap:12px}.note-item[data-v-01cc9d08]{display:flex;gap:8px;font-size:14px;line-height:1.5;color:#1d1d1f}.note-label[data-v-01cc9d08]{font-weight:600;color:#27ae60;flex-shrink:0;min-width:40px}.note-tip[data-v-01cc9d08]{padding:12px 16px;background:#27ae600f;border-radius:12px;font-size:13px;color:red;font-weight:500;line-height:1.5;border-left:3px solid #27ae60}.note-footer[data-v-01cc9d08]{margin-top:8px;padding:14px 16px;background:#ff95000f;border-radius:12px;font-size:13px;color:#d69e2e;line-height:1.6;border-left:3px solid #ff9500}.calculate-button[data-v-01cc9d08]{width:100%;min-height:52px;height:auto;padding:14px 18px;background:linear-gradient(135deg,#27ae60,#1e9d76);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 26px #27ae6040,inset 0 1px #ffffff2e;margin-top:20px;position:relative;overflow:hidden;z-index:1;text-align:center;line-height:1.3}.result-panel[data-v-01cc9d08]{margin-top:16px;padding:18px 18px 16px;border-radius:16px;background:linear-gradient(135deg,#27ae6014,#16a08514);border:1px solid rgba(39,174,96,.15);box-shadow:0 10px 30px #27ae601f;display:flex;flex-direction:column;gap:14px}.result-panel__header[data-v-01cc9d08]{display:flex;align-items:center;justify-content:space-between;color:#1f2933}.result-title[data-v-01cc9d08]{font-size:15px;font-weight:700}.result-subtitle[data-v-01cc9d08]{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#1f2933b3}.result-panel__content[data-v-01cc9d08]{display:flex;align-items:center;gap:12px}.result-block[data-v-01cc9d08]{flex:1;background:#fff;border-radius:12px;padding:12px 14px;border:1px solid rgba(15,23,42,.04);box-shadow:inset 0 1px #fff9;display:flex;flex-direction:column;gap:6px}.result-block.highlight[data-v-01cc9d08]{background:linear-gradient(135deg,#27ae6026,#16a08526);border-color:#27ae604d}.result-block.highlight .result-label[data-v-01cc9d08]{color:#0f9d58}.result-label[data-v-01cc9d08]{font-size:12px;color:#6b7280;font-weight:500}.result-weight[data-v-01cc9d08]{font-size:20px;font-weight:700;color:#111827}.result-block.highlight .result-weight[data-v-01cc9d08]{color:#0b8a5b}.result-arrow[data-v-01cc9d08]{width:42px;height:42px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(39,174,96,.2);display:flex;align-items:center;justify-content:center;color:#27ae60;box-shadow:0 6px 16px #27ae6033}.result-arrow svg[data-v-01cc9d08]{width:22px;height:22px}.result-panel__note[data-v-01cc9d08]{font-size:13px;color:#111827cc;padding:10px 12px;background:#fff9;border-radius:10px}.result-fade-enter-active[data-v-01cc9d08],.result-fade-leave-active[data-v-01cc9d08]{transition:all .3s ease}.result-fade-enter-from[data-v-01cc9d08],.result-fade-leave-to[data-v-01cc9d08]{opacity:0;transform:translateY(-6px)}.calculate-button[data-v-01cc9d08]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.calculate-button[data-v-01cc9d08]:hover:not(.disabled){transform:translateY(-2px);background:#27ae60f2;box-shadow:0 12px 32px #27ae6059,inset 0 1px #ffffff4d}.calculate-button[data-v-01cc9d08]:hover:not(.disabled):before{left:100%}.calculate-button[data-v-01cc9d08]:active:not(.disabled){transform:translateY(0);box-shadow:0 6px 20px #27ae6059}.calculate-button.active[data-v-01cc9d08]{animation:calculating-01cc9d08 1s ease-in-out}@keyframes calculating-01cc9d08{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.calculate-button.disabled[data-v-01cc9d08]{opacity:.5;cursor:not-allowed;box-shadow:0 4px 12px #27ae6033}.button-icon[data-v-01cc9d08]{width:20px;height:20px;transition:transform .3s ease}.calculate-button:hover:not(.disabled) .button-icon[data-v-01cc9d08]{transform:translate(3px)}@media screen and (max-width: 768px){.calculator-wrapper[data-v-01cc9d08]{padding:0;min-height:100vh}.calculator-container[data-v-01cc9d08]{max-width:100%}.calculator-card[data-v-01cc9d08]{border-radius:0;box-shadow:none;min-height:100vh}.calculator-card>.header-section[data-v-01cc9d08]{border-radius:0}.header-section[data-v-01cc9d08]{padding:28px 16px 24px}.main-title[data-v-01cc9d08]{font-size:20px;letter-spacing:.3px}.subtitle[data-v-01cc9d08]{font-size:12px;letter-spacing:1px}.content-section[data-v-01cc9d08]{padding:20px 16px 24px}.food-section[data-v-01cc9d08]{margin-bottom:20px}.section-header[data-v-01cc9d08]{margin-bottom:12px}.label-badge[data-v-01cc9d08]{padding:6px 12px;font-size:13px}.controls-group[data-v-01cc9d08]{gap:10px}.control-row[data-v-01cc9d08]{display:flex;gap:10px;width:100%}.control-row>.control-item[data-v-01cc9d08]:first-child{flex:1.3!important;min-width:0}.control-row>.control-item.input-item[data-v-01cc9d08]{flex:1.4!important;min-width:0}.target-section .control-row>.control-item[data-v-01cc9d08]:first-child{flex:1!important;min-width:0}.target-section .control-row>.control-item[data-v-01cc9d08]:not(.input-item):not(:first-child){flex:1!important;min-width:0}.control-value[data-v-01cc9d08]{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.control-item[data-v-01cc9d08]{padding:12px 14px;border-radius:12px}.control-content[data-v-01cc9d08]{gap:10px}.control-label[data-v-01cc9d08]{font-size:12px}.control-value[data-v-01cc9d08]{font-size:14px}.arrow-icon[data-v-01cc9d08]{width:18px;height:18px}.dropdown-item[data-v-01cc9d08]{padding:12px 14px;font-size:14px}.input-wrapper[data-v-01cc9d08]{flex:1;min-width:80px;overflow:hidden}.weight-input[data-v-01cc9d08]{font-size:14px;min-width:50px;width:100%}.unit[data-v-01cc9d08]{font-size:13px;margin-left:4px}.divider-section[data-v-01cc9d08]{margin:20px 0}.convert-icon[data-v-01cc9d08]{width:36px;height:36px}.convert-icon svg[data-v-01cc9d08]{width:18px;height:18px}.calculate-button[data-v-01cc9d08]{min-height:48px;padding:14px 16px;font-size:15px;margin-top:20px;border-radius:14px}.button-icon[data-v-01cc9d08]{width:18px;height:18px}.friendly-tip[data-v-01cc9d08]{padding:12px 14px;font-size:13px;margin-top:12px}.tip-icon[data-v-01cc9d08]{width:18px;height:18px}.usage-notes[data-v-01cc9d08]{margin-top:16px;border-radius:16px}.notes-header[data-v-01cc9d08]{padding:14px 16px;font-size:14px}.info-icon[data-v-01cc9d08]{width:18px;height:18px}.notes-content[data-v-01cc9d08]{padding:16px;gap:10px}.note-item[data-v-01cc9d08]{font-size:13px}.note-label[data-v-01cc9d08]{min-width:36px}.note-tip[data-v-01cc9d08]{padding:10px 14px;font-size:12px}.note-footer[data-v-01cc9d08]{padding:12px 14px;font-size:12px}.result-panel[data-v-01cc9d08]{padding:14px;gap:10px}.result-panel__content[data-v-01cc9d08]{flex-direction:column}.result-arrow[data-v-01cc9d08]{width:32px;height:32px}.result-weight[data-v-01cc9d08]{font-size:18px}}@media screen and (max-width: 480px){.header-section[data-v-01cc9d08]{padding:24px 12px 20px}.main-title[data-v-01cc9d08]{font-size:18px;letter-spacing:.2px}.subtitle[data-v-01cc9d08]{font-size:11px;letter-spacing:.8px}.content-section[data-v-01cc9d08]{padding:16px 12px 20px}.food-section[data-v-01cc9d08]{margin-bottom:16px}.section-header[data-v-01cc9d08]{margin-bottom:10px}.label-badge[data-v-01cc9d08]{padding:5px 10px;font-size:12px}.controls-group[data-v-01cc9d08]{gap:8px}.control-row[data-v-01cc9d08]{display:flex;gap:8px;width:100%}.control-row>.control-item[data-v-01cc9d08]:first-child{flex:1.2!important;min-width:0}.control-row>.control-item.input-item[data-v-01cc9d08]{flex:1.5!important;min-width:0}.target-section .control-row>.control-item[data-v-01cc9d08]:first-child{flex:1!important;min-width:0}.target-section .control-row>.control-item[data-v-01cc9d08]:not(.input-item):not(:first-child){flex:1!important;min-width:0}.control-value[data-v-01cc9d08]{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}.control-item[data-v-01cc9d08]{padding:10px 12px}.control-content[data-v-01cc9d08]{gap:8px}.control-label[data-v-01cc9d08]{font-size:11px}.control-value[data-v-01cc9d08]{font-size:13px}.arrow-icon[data-v-01cc9d08]{width:16px;height:16px}.input-wrapper[data-v-01cc9d08]{flex:1;min-width:70px;overflow:hidden}.weight-input[data-v-01cc9d08]{font-size:13px;min-width:45px;width:100%}.unit[data-v-01cc9d08]{font-size:12px;margin-left:4px}.divider-section[data-v-01cc9d08]{margin:16px 0}.convert-icon[data-v-01cc9d08]{width:32px;height:32px}.convert-icon svg[data-v-01cc9d08]{width:16px;height:16px}.calculate-button[data-v-01cc9d08]{min-height:44px;padding:12px 14px;font-size:14px;margin-top:16px}.friendly-tip[data-v-01cc9d08]{padding:10px 12px;font-size:12px;margin-top:10px}.tip-icon[data-v-01cc9d08]{width:16px;height:16px}.usage-notes[data-v-01cc9d08]{margin-top:14px;border-radius:14px}.notes-header[data-v-01cc9d08]{padding:12px 14px;font-size:13px}.info-icon[data-v-01cc9d08]{width:16px;height:16px}.notes-content[data-v-01cc9d08]{padding:14px;gap:8px}.note-item[data-v-01cc9d08]{font-size:12px}.note-label[data-v-01cc9d08]{min-width:32px}.note-tip[data-v-01cc9d08]{padding:8px 12px;font-size:11px}.note-footer[data-v-01cc9d08]{padding:10px 12px;font-size:11px}}@media screen and (min-width: 769px) and (max-width: 1024px){.calculator-container[data-v-01cc9d08]{max-width:720px}}.dropdown-menu[data-v-01cc9d08]::-webkit-scrollbar{width:6px}.dropdown-menu[data-v-01cc9d08]::-webkit-scrollbar-track{background:transparent}.dropdown-menu[data-v-01cc9d08]::-webkit-scrollbar-thumb{background:#d1d1d6;border-radius:3px}.dropdown-menu[data-v-01cc9d08]::-webkit-scrollbar-thumb:hover{background:#aeaeb2}.landing-page[data-v-cc0c171b]{--primary-color: #4CAF50;--secondary-color: #2E7D32;--accent-color: #FF9800;--text-color: #333;--light-bg: #f9f9f9;--white: #ffffff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--white)}header[data-v-cc0c171b]{background-color:var(--white);box-shadow:0 2px 5px #0000000d;padding:1rem 5%;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center}.logo[data-v-cc0c171b]{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center}.nav-links a[data-v-cc0c171b]{text-decoration:none;color:var(--text-color);margin-left:2rem;font-weight:500;transition:color .3s}.nav-links a[data-v-cc0c171b]:hover{color:var(--primary-color)}.download-btn[data-v-cc0c171b]{background-color:var(--primary-color);color:var(--white)!important;padding:.5rem 1.5rem;border-radius:25px;text-decoration:none;transition:background-color .3s}.download-btn[data-v-cc0c171b]:hover{background-color:var(--secondary-color);color:var(--white)!important}.hero[data-v-cc0c171b]{display:flex;align-items:center;justify-content:space-between;padding:5rem 5%;background:linear-gradient(135deg,#e8f5e9,#fff3e0);min-height:80vh}.hero-content[data-v-cc0c171b]{flex:1;padding-right:2rem}.hero h1[data-v-cc0c171b]{font-size:3.5rem;margin-bottom:1rem;color:var(--secondary-color)}.hero p[data-v-cc0c171b]{font-size:1.2rem;margin-bottom:2rem;color:#666;max-width:600px}.hero-btn[data-v-cc0c171b]{padding:1rem 2.5rem!important;font-size:1.1rem;display:inline-block}.hero-image[data-v-cc0c171b]{flex:1;display:flex;justify-content:center}.hero-image img[data-v-cc0c171b]{max-width:100%;max-height:80vh;border-radius:20px;box-shadow:0 20px 40px #0000001a}.features[data-v-cc0c171b]{padding:5rem 5%;background-color:var(--white);text-align:center}.features h2[data-v-cc0c171b]{font-size:2.5rem;margin-bottom:1rem;color:var(--secondary-color)}.features>p[data-v-cc0c171b]{max-width:800px;margin:0 auto 4rem;font-size:1.1rem;color:#666}.feature-grid[data-v-cc0c171b]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card[data-v-cc0c171b]{background:var(--light-bg);border-radius:15px;overflow:hidden;transition:transform .3s;box-shadow:0 5px 15px #0000000d}.feature-card[data-v-cc0c171b]:hover{transform:translateY(-10px)}.feature-card img[data-v-cc0c171b]{width:100%;height:auto;display:block}.feature-text[data-v-cc0c171b]{padding:1.5rem}.feature-text h3[data-v-cc0c171b]{margin-bottom:.5rem;color:var(--primary-color)}.tips[data-v-cc0c171b]{padding:5rem 5%;background-color:#fff8e1}.tips h2[data-v-cc0c171b]{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--accent-color)}.tips-container[data-v-cc0c171b]{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.tip-card[data-v-cc0c171b]{background:var(--white);padding:2rem;border-radius:15px;width:300px;box-shadow:0 4px 6px #0000000d;border-left:5px solid var(--accent-color)}.tip-card h3[data-v-cc0c171b]{color:var(--secondary-color);margin-bottom:1rem;font-size:1.3rem}.vision[data-v-cc0c171b]{padding:5rem 5%;background-color:#f1f8e9;text-align:center}.vision-content[data-v-cc0c171b]{max-width:800px;margin:0 auto}.vision h2[data-v-cc0c171b]{font-size:2.5rem;margin-bottom:1.5rem;color:var(--secondary-color)}.vision p[data-v-cc0c171b]{font-size:1.2rem;line-height:1.8;color:#444}footer[data-v-cc0c171b]{background-color:#333;color:var(--white);padding:3rem 5%;text-align:center}footer p[data-v-cc0c171b]{opacity:.8}@media (max-width: 768px){.hero[data-v-cc0c171b]{flex-direction:column;text-align:center;padding:3rem 5%}.hero-content[data-v-cc0c171b]{padding-right:0;margin-bottom:3rem}.hero h1[data-v-cc0c171b]{font-size:2.5rem}.nav-links[data-v-cc0c171b]{display:none}}