@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--green-darkest:#0a2e1a;--green-dark:#1b4332;--green-mid:#2d6a4f;--green-primary:#40916c;--green-light:#52b788;--green-soft:#74c69d;--green-pale:#b7e4c7;--green-mist:#d8f3dc;--green-frost:#f0faf3;--amber:#f4a261;--amber-light:#fde8d0;--blue-accent:#3a86ff;--purple-accent:#9b72cf;--white:#fff;--gray-50:#f8fafb;--gray-100:#f1f5f2;--gray-200:#e2e8e4;--gray-400:#9aada0;--gray-600:#4a6358;--gray-800:#1f3028;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #1b43321a, 0 2px 6px #1b43320f;--shadow-lg:0 10px 40px #1b433224, 0 4px 12px #1b433214;--shadow-xl:0 20px 60px #1b43322e;--shadow-glow:0 0 40px #52b78840;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:72px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background-color:var(--green-frost);color:var(--gray-800);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}a{color:inherit;text-decoration:none}ul{list-style:none}.app{background:var(--green-frost);min-height:100vh}.navbar{z-index:1000;height:var(--navbar-height);-webkit-backdrop-filter:blur(20px);transition:background var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);background:#f0faf3b3;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{border-bottom-color:var(--green-mist);box-shadow:var(--shadow-md);background:#f0faf3eb}.navbar__container{max-width:1200px;padding:0 var(--space-xl);align-items:center;gap:var(--space-xl);height:100%;margin:0 auto;display:flex}.navbar__logo{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.navbar__logo-icon{filter:drop-shadow(0 2px 4px #52b78866);font-size:1.5rem;animation:3s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.navbar__logo-text{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.navbar__logo-accent{color:var(--green-primary)}.navbar__logo-ai{color:var(--white);background:linear-gradient(135deg, var(--green-primary), var(--green-soft));border-radius:var(--radius-full);vertical-align:middle;margin-left:2px;padding:2px 6px;font-size:.75rem;font-weight:600}.navbar__links{align-items:center;gap:var(--space-xs);margin-left:auto;display:flex}.navbar__link{font-family:var(--font-body);color:var(--gray-600);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);transition:color var(--transition-fast), background var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.navbar__link:hover{color:var(--green-primary);background:var(--green-mist)}.navbar__link--active{color:var(--green-primary);background:var(--green-mist);font-weight:600}.navbar__cta{font-family:var(--font-body);color:var(--white);background:linear-gradient(135deg, var(--green-primary) 0%, var(--green-light) 100%);border-radius:var(--radius-full);transition:transform var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;flex-shrink:0;padding:10px 20px;font-size:.875rem;font-weight:600;box-shadow:0 4px 14px #40916c66}.navbar__cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #40916c80}.navbar__cta:active{transform:translateY(0)}.navbar__hamburger{border-radius:var(--radius-sm);width:36px;height:36px;transition:background var(--transition-fast);flex-direction:column;justify-content:center;gap:5px;margin-left:auto;padding:6px;display:none}.navbar__hamburger:hover{background:var(--green-mist)}.navbar__hamburger span{background:var(--green-dark);border-radius:var(--radius-full);width:100%;height:2px;transition:transform var(--transition-base), opacity var(--transition-base);transform-origin:50%;display:block}.navbar__hamburger--open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{top:var(--navbar-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--green-mist);padding:var(--space-lg) var(--space-xl) var(--space-xl);opacity:0;pointer-events:none;transition:transform var(--transition-base), opacity var(--transition-base);box-shadow:var(--shadow-lg);background:#f0faf3f7;position:absolute;left:0;right:0;transform:translateY(-10px)}.navbar__mobile-menu--open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar__mobile-links{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.navbar__mobile-link{font-family:var(--font-body);color:var(--gray-600);padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);transition:color var(--transition-fast), background var(--transition-fast);font-size:1rem;font-weight:500}.navbar__mobile-link:hover{color:var(--green-primary);background:var(--green-mist)}.navbar__cta--mobile{border-radius:var(--radius-md);width:100%;padding:14px;font-size:.95rem}.hero{min-height:100vh;padding-top:calc(var(--navbar-height) + var(--space-3xl));padding-bottom:var(--space-4xl);position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero__grid-pattern{background-image:linear-gradient(#52b7880d 1px,#0000 1px),linear-gradient(90deg,#52b7880d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.hero__blob{filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero__blob--1{background:radial-gradient(circle,#52b78833 0%,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-200px;right:-200px}.hero__blob--2{background:radial-gradient(circle,#40916c26 0%,#0000 70%);width:400px;height:400px;animation-delay:-3s;bottom:100px;left:-100px}.hero__blob--3{background:radial-gradient(circle,#74c69d1f 0%,#0000 70%);width:300px;height:300px;animation-delay:-5s;top:40%;left:40%}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.97)}}.hero__container{z-index:1;max-width:860px;padding:0 var(--space-xl);text-align:center;align-items:center;gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.hero__animate{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.hero__animate.animate-in{opacity:1;transform:translateY(0)}.hero__animate:first-child{transition-delay:.1s}.hero__animate:nth-child(2){transition-delay:.2s}.hero__animate:nth-child(3){transition-delay:.3s}.hero__animate:nth-child(4){transition-delay:.4s}.hero__animate:nth-child(5){transition-delay:.5s}.hero__animate:nth-child(6){transition-delay:.6s}.hero__animate:nth-child(7){transition-delay:.7s}.hero__animate:nth-child(8){transition-delay:.75s}.hero__badge{align-items:center;gap:var(--space-sm);font-family:var(--font-body);color:var(--green-primary);background:var(--white);border:1.5px solid var(--green-pale);border-radius:var(--radius-full);box-shadow:var(--shadow-sm), 0 0 0 4px #52b7880f;letter-spacing:.04em;text-transform:uppercase;padding:8px 18px;font-size:.8rem;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--green-light);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #52b78840}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #52b78840}50%{box-shadow:0 0 0 6px #52b7881a}}.hero__headline{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.1}.hero__headline-gradient{background:linear-gradient(135deg, var(--green-primary) 0%, var(--green-soft) 50%, var(--green-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__headline-underline{color:var(--green-mid);position:relative}.hero__headline-underline:after{content:"";background:linear-gradient(90deg, var(--green-pale), var(--green-soft));border-radius:var(--radius-full);transform-origin:0;height:4px;animation:1s 1.2s forwards draw-line;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}@keyframes draw-line{to{transform:scaleX(1)}}.hero__description{color:var(--gray-600);max-width:600px;font-size:clamp(1rem,2vw,1.15rem);font-weight:400;line-height:1.75}.hero__actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.hero__btn{align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-full);transition:transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);padding:16px 32px;font-size:1rem;font-weight:600;display:inline-flex}.hero__btn--primary{color:var(--white);background:linear-gradient(135deg, var(--green-mid) 0%, var(--green-primary) 50%, var(--green-light) 100%);background-position:0;background-size:200% 200%;box-shadow:0 6px 24px #40916c73,0 2px 6px #40916c4d,inset 0 1px #fff3}.hero__btn--primary:hover{background-position:100%;transform:translateY(-3px);box-shadow:0 12px 40px #40916c8c,0 4px 12px #40916c59}.hero__btn--primary:active{transform:translateY(-1px)}.hero__btn-arrow{transition:transform var(--transition-fast);font-size:1.1rem}.hero__btn--primary:hover .hero__btn-arrow{transform:translate(4px)}.hero__btn--secondary{color:var(--green-primary);background:var(--white);border:2px solid var(--green-pale);box-shadow:var(--shadow-sm)}.hero__btn--secondary:hover{border-color:var(--green-soft);box-shadow:var(--shadow-md);background:var(--green-frost);transform:translateY(-2px)}.hero__stats{background:var(--white);border:1.5px solid var(--green-mist);border-radius:var(--radius-xl);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;display:flex}.hero__stat{padding:0 var(--space-xl);flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.hero__stat:not(:last-child):after{content:"";background:var(--green-mist);width:1px;height:80%;position:absolute;top:10%;right:0}.hero__stat-value{font-family:var(--font-display);color:var(--green-primary);letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1}.hero__stat-label{color:var(--gray-400);text-align:center;max-width:120px;font-size:.75rem;font-weight:400;line-height:1.3}.hero__divider{align-items:center;gap:var(--space-md);width:100%;max-width:700px;display:flex}.hero__divider:before,.hero__divider:after{content:"";background:linear-gradient(to right, transparent, var(--green-pale));flex:1;height:1px}.hero__divider:after{background:linear-gradient(to left, transparent, var(--green-pale))}.hero__divider span{color:var(--gray-400);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:500}.hero__categories{gap:var(--space-md);grid-template-columns:repeat(2,1fr);width:100%;max-width:700px;display:grid}.hero__cat-card{align-items:center;gap:var(--space-md);background:var(--white);border:1.5px solid var(--green-mist);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), background var(--transition-base);display:flex;position:relative;overflow:hidden}.hero__cat-card:before{content:"";background:var(--cat-color);border-radius:var(--radius-full) 0 0 var(--radius-full);opacity:0;width:4px;transition:opacity var(--transition-base);position:absolute;top:0;bottom:0;left:0}.hero__cat-card:hover{box-shadow:var(--shadow-lg);border-color:var(--cat-color,var(--green-pale));background:var(--cat-bg,var(--green-frost));transform:translateY(-4px)translate(2px)}.hero__cat-card:hover:before{opacity:1}.hero__cat-icon{background:var(--cat-bg,var(--green-mist));border-radius:var(--radius-md);width:48px;height:48px;transition:transform var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.hero__cat-card:hover .hero__cat-icon{transform:scale(1.1)rotate(-5deg)}.hero__cat-info{text-align:left;flex-direction:column;flex:1;gap:2px;display:flex}.hero__cat-label{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.hero__cat-desc{color:var(--gray-400);font-size:.75rem;font-weight:400;line-height:1.4}.hero__cat-arrow{color:var(--gray-400);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;font-size:.9rem}.hero__cat-card:hover .hero__cat-arrow{color:var(--cat-color);transform:translate(2px,-2px)}.hero__trust{color:var(--gray-400);letter-spacing:.01em;font-size:.82rem;font-weight:400}@media (width<=768px){.navbar__links,.navbar__cta:not(.navbar__cta--mobile){display:none}.navbar__hamburger{display:flex}.navbar__container{padding:0 var(--space-lg)}.hero{padding-top:calc(var(--navbar-height) + var(--space-2xl));padding-bottom:var(--space-3xl)}.hero__container{padding:0 var(--space-lg);gap:var(--space-lg)}.hero__headline{font-size:clamp(2rem,8vw,2.8rem)}.hero__stats{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.hero__stat{padding:0 var(--space-md)}.hero__stat:not(:last-child):after{display:none}.hero__stat-value{font-size:1.3rem}.hero__categories{grid-template-columns:1fr}.hero__actions{flex-direction:column;width:100%}.hero__btn{justify-content:center;width:100%;padding:16px 24px}}@media (width<=480px){:root{--space-xl:1.25rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem}.hero__badge{padding:6px 14px;font-size:.7rem}.hero__stat{padding:0 var(--space-sm)}.hero__stat-value{font-size:1.1rem}.hero__stat-label{font-size:.68rem}.hero__trust{font-size:.75rem}}.calc{min-height:100vh;padding:calc(var(--navbar-height) + var(--space-3xl)) 0 var(--space-4xl);background:var(--green-frost);position:relative;overflow-x:hidden}.calc:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#52b7882e 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.calc__container{z-index:1;max-width:760px;padding:0 var(--space-xl);gap:var(--space-2xl);flex-direction:column;margin:0 auto;display:flex;position:relative}.calc__header{gap:var(--space-lg);flex-direction:column;display:flex}.calc__back-btn{font-family:var(--font-body);color:var(--green-primary);background:var(--white);border:2px solid var(--green-pale);border-radius:var(--radius-full);transition:color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), background var(--transition-fast);align-self:flex-start;padding:10px 20px;font-size:.875rem;font-weight:600}.calc__back-btn:hover{color:var(--green-dark);border-color:var(--green-soft);background:var(--green-frost);box-shadow:var(--shadow-md);transform:translate(-4px)}.calc__title-group{gap:var(--space-sm);flex-direction:column;display:flex}.calc__eyebrow{color:var(--green-primary);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.calc__eyebrow:before{content:"";background:var(--green-primary);border-radius:2px;width:20px;height:2px;display:inline-block}.calc__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800;line-height:1.15}.calc__subtitle{color:var(--gray-600);max-width:560px;font-size:1rem;line-height:1.75}.calc__progress{gap:var(--space-sm);flex-wrap:wrap;display:flex}.calc__pill{color:var(--gray-400);background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-full);transition:all var(--transition-base);cursor:default;align-items:center;gap:7px;padding:8px 16px;font-size:.8rem;font-weight:500;display:inline-flex}.calc__pill--active{color:var(--pill-color,var(--green-primary));border-color:var(--pill-color,var(--green-primary));background:color-mix(in srgb, var(--pill-color,var(--green-primary)) 8%, white);box-shadow:0 0 0 3px color-mix(in srgb, var(--pill-color,var(--green-primary)) 14%, transparent);font-weight:700}.calc__pill-label{font-size:.8rem}.calc__form{gap:var(--space-xl);flex-direction:column;display:flex}.calc__card{background:var(--white);border:1.5px solid var(--green-mist);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base);overflow:hidden}.calc__card:focus-within{border-color:var(--section-color,var(--green-pale));box-shadow:var(--shadow-lg), 0 0 0 4px color-mix(in srgb, var(--section-color,var(--green-primary)) 10%, transparent);transform:translateY(-2px)}.calc__card-header{align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg, color-mix(in srgb, var(--section-color,var(--green-primary)) 6%, white) 0%, color-mix(in srgb, var(--section-color,var(--green-primary)) 3%, white) 100%);border-bottom:2px solid color-mix(in srgb, var(--section-color,var(--green-primary)) 14%, transparent);display:flex}.calc__card-icon{background:var(--white);border-radius:var(--radius-md);border:2px solid color-mix(in srgb, var(--section-color,var(--green-primary)) 20%, transparent);width:56px;height:56px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.calc__card-title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.015em;font-size:1.15rem;font-weight:700}.calc__card-desc{color:var(--gray-400);margin-top:3px;font-size:.82rem;font-weight:400;line-height:1.4}.calc__card-badge{color:color-mix(in srgb, var(--section-color,var(--green-primary)) 75%, black);background:color-mix(in srgb, var(--section-color,var(--green-primary)) 14%, white);border-radius:var(--radius-full);border:1.5px solid color-mix(in srgb, var(--section-color,var(--green-primary)) 22%, transparent);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;flex-shrink:0;margin-left:auto;padding:5px 12px;font-size:.68rem;font-weight:700}.calc__fields{padding:var(--space-xl) var(--space-xl);gap:var(--space-xl);flex-direction:column;display:flex}.calc__fields--two-col{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.calc__field{flex-direction:column;gap:8px;display:flex}.calc__label{font-family:var(--font-body);color:var(--green-dark);align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;font-size:.92rem;font-weight:700;line-height:1.3;display:flex}.calc__label-unit{color:var(--gray-400);font-size:.75rem;font-weight:400}.calc__field-hint{color:var(--gray-400);margin-bottom:4px;font-size:.78rem;line-height:1.55}.calc__input-wrap{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);align-items:stretch;min-height:58px;display:flex;overflow:hidden}.calc__input-wrap:hover{border-color:var(--green-pale)}.calc__input-wrap:focus-within{border-color:var(--green-primary);background:var(--white);box-shadow:0 0 0 4px #40916c21}.calc__input-wrap:has(.calc__input--error){background:#fff8f8;border-color:#e63946;box-shadow:0 0 0 3px #e639461a}.calc__input-prefix{background:color-mix(in srgb, var(--green-mist) 60%, white);border-right:1.5px solid var(--gray-200);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;padding:0 14px;font-size:1.15rem;display:flex}.calc__input{font-family:var(--font-body);color:var(--green-dark);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:16px 14px;font-size:1.05rem;font-weight:600}.calc__input::placeholder{color:var(--gray-400);font-size:.95rem;font-weight:400}.calc__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc__input[type=number]{-moz-appearance:textfield}.calc__input-suffix{color:var(--gray-600);background:color-mix(in srgb, var(--green-mist) 60%, white);border-left:1.5px solid var(--gray-200);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;align-items:center;padding:0 16px;font-size:.78rem;font-weight:700;display:flex}.calc__error{color:#e63946;border-radius:var(--radius-sm);background:#e6394612;border-left:3px solid #e63946;align-items:center;gap:5px;padding:6px 10px;font-size:.78rem;font-weight:600;display:flex}.calc__error:before{content:"⚠";flex-shrink:0;font-size:.75rem}.calc__options{gap:var(--space-md);margin-top:4px;display:grid}.calc__options--3{grid-template-columns:repeat(3,1fr)}.calc__option-card{padding:var(--space-lg) var(--space-md);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;min-height:120px;transition:transform var(--transition-base), border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);text-align:center;font-family:var(--font-body);word-break:break-word;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex;position:relative;overflow:hidden}.calc__option-card:hover{border-color:color-mix(in srgb, var(--opt-color,var(--green-primary)) 50%, transparent);background:color-mix(in srgb, var(--opt-color,var(--green-primary)) 5%, white);box-shadow:var(--shadow-md);transform:translateY(-4px)}.calc__option-card--selected{border-color:var(--opt-color,var(--green-primary));background:color-mix(in srgb, var(--opt-color,var(--green-primary)) 9%, white);box-shadow:0 0 0 4px color-mix(in srgb, var(--opt-color,var(--green-primary)) 16%, transparent), var(--shadow-md);border-width:2px;transform:translateY(-3px)}.calc__option-icon{flex-shrink:0;font-size:2rem;line-height:1;display:block}.calc__option-label{color:var(--green-dark);font-size:.88rem;font-weight:700;line-height:1.2;display:block}.calc__option-desc{color:var(--gray-400);font-size:.72rem;font-weight:400;line-height:1.35;display:block}.calc__option-check{color:var(--white);background:var(--opt-color,var(--green-primary));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:800;animation:.22s cubic-bezier(.34,1.56,.64,1) pop-in;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0003}@keyframes pop-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.calc__submit-wrap{align-items:center;gap:var(--space-md);padding:var(--space-lg) 0 var(--space-sm);border-top:2px dashed var(--green-mist);margin-top:var(--space-sm);flex-direction:column;display:flex}.calc__submit-note{color:var(--gray-400);text-align:center;font-size:.82rem;font-weight:400}.calc__submit-btn{justify-content:center;align-items:center;gap:var(--space-md);font-family:var(--font-display);color:var(--white);background:linear-gradient(135deg, var(--green-mid) 0%, var(--green-primary) 50%, var(--green-light) 100%);border-radius:var(--radius-full);letter-spacing:.01em;transition:transform var(--transition-base), box-shadow var(--transition-base), background-position .5s ease;background-position:0;background-size:200% 200%;width:100%;max-width:460px;padding:20px 52px;font-size:1.05rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #40916c73,0 3px 8px #40916c4d,inset 0 1px #ffffff40}.calc__submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-15deg)}.calc__submit-btn:hover:before{left:150%}.calc__submit-btn:hover{background-position:100%;transform:translateY(-4px);box-shadow:0 16px 48px #40916c8c,0 6px 16px #40916c59}.calc__submit-btn:active{transform:translateY(-1px);box-shadow:0 6px 20px #40916c66}.calc__submit-arrow{transition:transform var(--transition-fast);font-size:1.2rem;display:inline-block}.calc__submit-btn:hover .calc__submit-arrow{transform:translate(6px)}@media (width<=700px){.calc__container{padding:0 var(--space-lg);gap:var(--space-xl)}.calc__fields--two-col{gap:var(--space-lg);grid-template-columns:1fr}.calc__card-badge{display:none}.calc__card-header{padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.calc__fields{padding:var(--space-lg);gap:var(--space-lg)}.calc__input-wrap{min-height:54px}.calc__options--3{grid-template-columns:repeat(3,1fr)}.calc__option-card{min-height:110px;padding:var(--space-md) var(--space-sm)}.calc__option-icon{font-size:1.6rem}.calc__option-label{font-size:.8rem}.calc__option-desc{font-size:.66rem}}@media (width<=500px){.calc__container{padding:0 var(--space-md)}.calc__title{font-size:1.6rem}.calc__options--3{grid-template-columns:1fr}.calc__option-card{min-height:unset;padding:var(--space-md) var(--space-lg);justify-content:flex-start;gap:var(--space-md);text-align:left;flex-direction:row}.calc__option-icon{flex-shrink:0;font-size:1.75rem}.calc__option-info{flex-direction:column;gap:2px;display:flex}.calc__option-label{font-size:.9rem}.calc__option-desc{font-size:.75rem}.calc__option-check{animation:none;top:50%;right:14px;transform:translateY(-50%)}.calc__option-card--selected .calc__option-check{transform:translateY(-50%)scale(1)}.calc__submit-btn{padding:18px 32px;font-size:.95rem}.calc__progress{display:none}.calc__card-header{flex-wrap:wrap}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-left{text-align:left}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--green-frost)}::-webkit-scrollbar-thumb{background:var(--green-pale);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--green-soft)}::selection{background:var(--green-pale);color:var(--green-dark)}:focus-visible{outline:2px solid var(--green-primary);outline-offset:3px;border-radius:var(--radius-sm)}.dash{padding:var(--space-4xl) 0;position:relative;overflow:hidden}.dash:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#52b78814,#0000 30%),radial-gradient(circle at 80% 10%,#40916c14,#0000 35%);position:absolute;inset:0}.dash__container{max-width:1280px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.dash__header{justify-content:space-between;align-items:flex-start;gap:var(--space-xl);margin-bottom:var(--space-3xl);display:flex}.dash__eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green-primary);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.dash__eyebrow:before{content:"";background:var(--green-primary);width:18px;height:2px}.dash__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;margin-top:10px;margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.dash__subtitle{max-width:620px;color:var(--gray-600);line-height:1.8}.dash__recalc-btn{border-radius:var(--radius-full);background:var(--white);border:1.5px solid var(--green-pale);color:var(--green-primary);box-shadow:var(--shadow-sm);flex-shrink:0;padding:12px 22px;font-weight:700;transition:all .25s}.dash__recalc-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash__summary-row{margin-bottom:var(--space-3xl);grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.dash__card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:28px;flex-direction:column;align-items:center;min-height:340px;padding:28px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;box-shadow:0 12px 40px #1b433214,0 4px 14px #1b43320d}.dash__card:hover{border-color:var(--green-soft);transform:translateY(-6px);box-shadow:0 24px 60px #1b43321f,0 10px 25px #1b433214}.dash__card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:16px;font-size:.78rem;font-weight:700}.dash__card--score{justify-content:flex-start}.dash__score-ring{margin-bottom:18px}.dash__grade-badge{border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 18px;font-weight:700;display:inline-flex}.dash__grade-letter{font-size:1.1rem}.dash__grade-label{font-size:.85rem}.dash__grade-msg{color:var(--gray-600);max-width:260px;font-size:.95rem;line-height:1.7}.dash__total-icon{margin-top:6px;margin-bottom:10px;font-size:3rem}.dash__total-value{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.04em;font-size:clamp(2.4rem,4vw,3.5rem);font-weight:800;line-height:1}.dash__total-unit{color:var(--gray-400);font-size:.85rem;font-family:var(--font-body);margin-top:8px;display:block}.dash__total-sub{color:var(--gray-400);margin-top:8px;margin-bottom:24px}.dash__compare{width:100%;margin-top:auto}.dash__compare-label{color:var(--gray-600);justify-content:space-between;margin-bottom:10px;font-size:.75rem;display:flex}.dash__compare-track{background:var(--gray-100);border-radius:999px;height:12px;position:relative;overflow:hidden}.dash__compare-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green-primary), var(--green-light));height:100%}.dash__compare-marker{background:var(--green-dark);width:3px;height:20px;position:absolute;top:-4px}.dash__compare-note{color:var(--gray-600);margin-top:12px;font-size:.85rem}.dash__source-icon{margin-bottom:12px;font-size:4rem}.dash__source-name{font-family:var(--font-display);color:var(--green-dark);margin-bottom:10px;font-size:1.5rem;font-weight:800}.dash__source-value{margin-bottom:14px;font-size:1.1rem;font-weight:700}.dash__source-unit{color:var(--gray-400);font-size:.8rem}.dash__source-msg{color:var(--gray-600);margin-bottom:auto;line-height:1.7}.dash__source-tag{border-radius:999px;margin-top:20px;padding:10px 18px;font-size:.78rem;font-weight:700}.dash__section{margin-bottom:var(--space-3xl)}.dash__section-header{text-align:center;margin-bottom:30px}.dash__section-title{font-family:var(--font-display);color:var(--green-dark);margin-bottom:10px;font-size:2rem}.dash__section-desc{color:var(--gray-600)}.dash__breakdown-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dash__breakdown-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:24px;padding:24px;transition:all .3s;position:relative;overflow:hidden}.dash__breakdown-card:hover{border-color:var(--cat-color);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.dash__breakdown-icon{background:var(--cat-bg);border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:1.7rem;display:flex}.dash__breakdown-info{flex-direction:column;gap:6px;display:flex}.dash__breakdown-label{color:var(--green-dark);font-weight:700}.dash__breakdown-value{font-family:var(--font-display);color:var(--gray-800);font-size:1.5rem;font-weight:800}.dash__breakdown-unit{font-size:.75rem;font-family:var(--font-body);color:var(--gray-400)}.dash__breakdown-pct{background:var(--cat-bg);color:var(--cat-color);border-radius:999px;align-self:flex-start;margin-top:14px;margin-bottom:14px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.dash__breakdown-bar-track{background:var(--gray-100);border-radius:999px;height:10px;overflow:hidden}.dash__breakdown-bar-fill{border-radius:inherit;background:var(--cat-color);height:100%}.dash__callout{margin-bottom:var(--space-3xl);background:linear-gradient(135deg,#52b7881f,#40916c14);border:1px solid #52b7882e;border-radius:28px;align-items:center;gap:24px;padding:36px;display:flex}.dash__callout-icon{flex-shrink:0;font-size:3rem}.dash__callout-title{font-family:var(--font-display);color:var(--green-dark);margin-bottom:8px;font-size:1.4rem}.dash__callout-text{color:var(--gray-600);line-height:1.8}.dash__cta-wrap{text-align:center}.dash__cta-note{color:var(--gray-600);margin-bottom:18px}.dash__cta-btn{color:#fff;background:linear-gradient(135deg, var(--green-mid), var(--green-primary), var(--green-light));border-radius:999px;align-items:center;gap:12px;padding:18px 34px;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #40916c66}.dash__cta-btn:hover{transform:translateY(-4px);box-shadow:0 18px 48px #40916c80}.dash__cta-arrow{transition:transform .2s}.dash__cta-btn:hover .dash__cta-arrow{transform:translate(4px)}@media (width<=1100px){.dash__summary-row{grid-template-columns:1fr}.dash__card{min-height:auto}.dash__breakdown-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash__container{padding:0 var(--space-lg)}.dash__header{flex-direction:column}.dash__recalc-btn{width:100%}.dash__breakdown-grid{grid-template-columns:1fr}.dash__callout{text-align:center;flex-direction:column}.dash__card{padding:24px}.dash__total-value{font-size:2.5rem}}@media (width<=480px){.dash__container{padding:0 var(--space-md)}.dash__title{font-size:1.8rem}.dash__card{border-radius:22px}.dash__callout{padding:24px}.dash__cta-btn{justify-content:center;width:100%}}.rec{padding:var(--space-4xl) 0;position:relative}.rec__container{max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.rec__hero{text-align:center;margin-bottom:var(--space-3xl)}.rec__eyebrow{color:var(--green-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.rec__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,4vw,3rem)}.rec__subtitle{color:var(--gray-600);max-width:650px;margin:0 auto;line-height:1.8}.rec__grid{margin-bottom:var(--space-3xl);grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.rec__card{-webkit-backdrop-filter:blur(18px);background:#ffffffb8;border:1px solid #d8f3dccc;border-radius:24px;flex-direction:column;padding:28px;transition:all .3s;display:flex}.rec__card:hover{box-shadow:var(--shadow-xl);border-color:var(--green-soft);transform:translateY(-8px)}.rec__icon{background:#52b7881f;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:2rem;display:flex}.rec__card-title{font-family:var(--font-display);color:var(--green-dark);margin-bottom:12px;font-size:1.3rem}.rec__description{color:var(--gray-600);margin-bottom:20px;line-height:1.8}.rec__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.rec__saving{color:var(--green-primary);background:#52b7881f;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:700}.rec__difficulty{border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:700}.rec__difficulty--easy{color:var(--green-primary);background:#52b78826}.rec__difficulty--medium{color:var(--amber);background:#f4a26126}.rec__difficulty--hard{color:#e63946;background:#e639461f}.rec__cta{justify-content:center;gap:16px;display:flex}.rec__btn{border-radius:var(--radius-full);padding:16px 28px;font-weight:700;transition:all .25s}.rec__btn--secondary{border:1.5px solid var(--green-pale);color:var(--green-primary);background:#fff}.rec__btn--secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.rec__btn--primary{color:#fff;background:linear-gradient(135deg, var(--green-mid), var(--green-primary), var(--green-light));box-shadow:0 10px 28px #40916c59}.rec__btn--primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #40916c73}@media (width<=992px){.rec__grid{grid-template-columns:1fr}}@media (width<=768px){.rec__container{padding:0 var(--space-lg)}.rec__cta{flex-direction:column}.rec__btn{width:100%}}@media (width<=480px){.rec__container{padding:0 var(--space-md)}.rec__card{padding:22px}.rec__title{font-size:1.8rem}}.sim{padding:var(--space-4xl) 0}.sim__container{max-width:1200px;padding:0 var(--space-xl);margin:0 auto}.sim__hero{text-align:center;margin-bottom:var(--space-3xl)}.sim__eyebrow{color:var(--green-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:.75rem;font-weight:700;display:inline-block}.sim__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(2rem,4vw,3.2rem)}.sim__subtitle{max-width:680px;color:var(--gray-600);margin:0 auto;line-height:1.8}.sim__controls{margin-bottom:var(--space-3xl);grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.sim__slider-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md);background:#ffffffb8;border:1px solid #d8f3dccc;border-radius:24px;padding:24px;transition:all .3s}.sim__slider-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sim__slider-header{color:var(--green-dark);justify-content:space-between;margin-bottom:18px;font-weight:700;display:flex}.sim__slider-card input[type=range]{width:100%;accent-color:var(--green-primary)}.sim__results{margin-bottom:var(--space-3xl);grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.sim__result-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;box-shadow:var(--shadow-md);background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:24px;padding:26px}.sim__label{color:var(--gray-400);text-transform:uppercase;margin-bottom:10px;font-size:.8rem;display:block}.sim__value{font-family:var(--font-display);color:var(--green-dark);font-size:2rem;font-weight:800}.sim__value--green{color:var(--green-primary)}.sim__unit{color:var(--gray-600);font-size:.8rem}.sim__score{margin-bottom:var(--space-3xl)}.sim__score-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-lg);background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:30px;justify-content:center;align-items:center;gap:50px;padding:40px;display:flex}.sim__score-box{text-align:center}.sim__score-box span{color:var(--gray-400);margin-bottom:10px;display:block}.sim__score-box h3{font-family:var(--font-display);color:var(--green-dark);font-size:4rem}.sim__score-box--future h3{color:var(--green-primary)}.sim__score-arrow{color:var(--green-primary);font-size:2rem;font-weight:700}.sim__impact{text-align:center;margin-bottom:var(--space-3xl);background:linear-gradient(135deg,#52b7881f,#40916c14);border:1px solid #52b7882e;border-radius:28px;padding:36px}.sim__impact-icon{margin-bottom:14px;font-size:3rem}.sim__impact h3{font-family:var(--font-display);color:var(--green-dark);margin-bottom:10px}.sim__impact p{color:var(--gray-600);line-height:1.8}.sim__actions{justify-content:center;gap:18px;display:flex}.sim__btn{border-radius:var(--radius-full);padding:16px 30px;font-weight:700;transition:all .25s}.sim__btn--secondary{border:1.5px solid var(--green-pale);color:var(--green-primary);background:#fff}.sim__btn--secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.sim__btn--primary{color:#fff;background:linear-gradient(135deg, var(--green-mid), var(--green-primary), var(--green-light));box-shadow:0 10px 28px #40916c59}.sim__btn--primary:hover{transform:translateY(-3px);box-shadow:0 18px 42px #40916c73}@media (width<=992px){.sim__controls{grid-template-columns:1fr}.sim__results{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sim__container{padding:0 var(--space-lg)}.sim__score-card{flex-direction:column;gap:20px}.sim__score-arrow{transform:rotate(90deg)}.sim__actions{flex-direction:column}.sim__btn{width:100%}}@media (width<=480px){.sim__container{padding:0 var(--space-md)}.sim__results{grid-template-columns:1fr}.sim__score-box h3{font-size:3rem}}.weekly{padding:var(--space-4xl) 0;position:relative;overflow:hidden}.weekly:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#52b78814,#0000 30%),radial-gradient(circle at 85% 10%,#40916c14,#0000 35%);position:absolute;inset:0}.weekly__container{max-width:1200px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.weekly__hero{text-align:center;margin-bottom:var(--space-3xl)}.weekly__eyebrow{color:var(--green-primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:.75rem;font-weight:800;display:inline-flex}.weekly__eyebrow:before,.weekly__eyebrow:after{content:"";background:var(--green-primary);border-radius:999px;width:18px;height:2px}.weekly__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:800;line-height:1.1}.weekly__subtitle{max-width:700px;color:var(--gray-600);margin:0 auto;font-size:1rem;line-height:1.8}.weekly__progress{margin-bottom:var(--space-3xl);grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.weekly__stat-card{-webkit-backdrop-filter:blur(18px);text-align:center;background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:28px;padding:32px;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 12px 32px #1b433214,0 4px 12px #1b43320a}.weekly__stat-card:hover{border-color:var(--green-soft);transform:translateY(-8px);box-shadow:0 20px 50px #1b43321f,0 10px 24px #1b433214}.weekly__stat-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.8rem;font-weight:600;display:block}.weekly__stat-value{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;font-size:2.25rem;font-weight:800}.challenge__grid{margin-bottom:var(--space-3xl);grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.challenge__card{-webkit-backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:30px;flex-direction:column;padding:30px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #1b433214,0 4px 12px #1b43320a}.challenge__card:before{content:"";background:linear-gradient(90deg, var(--green-primary), var(--green-light));opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.challenge__card:hover{border-color:var(--green-soft);transform:translateY(-10px);box-shadow:0 28px 60px #1b43321f,0 12px 30px #1b433214}.challenge__card:hover:before{opacity:1}.challenge__icon{background:linear-gradient(135deg,#52b78824,#40916c14);border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;font-size:2rem;transition:transform .3s;display:flex}.challenge__card:hover .challenge__icon{transform:scale(1.08)rotate(-4deg)}.challenge__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.02em;margin-bottom:12px;font-size:1.35rem;font-weight:700}.challenge__description{color:var(--gray-600);flex-grow:1;margin-bottom:22px;line-height:1.8}.challenge__meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.eco__reward{color:var(--green-primary);background:#52b7881f;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:700}.eco__difficulty{border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:700}.eco__difficulty--easy{color:var(--green-primary);background:#52b78824}.eco__difficulty--medium{color:var(--amber);background:#f4a26124}.eco__difficulty--hard{color:#e63946;background:#e639461f}.challenge__btn{border-radius:var(--radius-full);width:100%;color:var(--white);background:linear-gradient(135deg, var(--green-mid), var(--green-primary), var(--green-light));margin-top:auto;padding:15px 20px;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 28px #40916c59}.challenge__btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px #40916c73}.eco__impact{text-align:center;margin-bottom:var(--space-3xl);background:linear-gradient(135deg,#52b7881f,#40916c14);border:1px solid #52b7882e;border-radius:32px;padding:42px;box-shadow:0 16px 40px #1b433214}.eco__impact-icon{margin-bottom:14px;font-size:3rem}.eco__impact-title{font-family:var(--font-display);color:var(--green-dark);margin-bottom:12px;font-size:1.4rem}.eco__impact-value{color:var(--green-primary);font-size:1.6rem;font-weight:800}.weekly__actions{justify-content:center;gap:18px;display:flex}.weekly__btn{border-radius:var(--radius-full);padding:16px 30px;font-weight:700;transition:transform .25s,box-shadow .25s}.weekly__btn--secondary{background:var(--white);border:1.5px solid var(--green-pale);color:var(--green-primary);box-shadow:var(--shadow-sm)}.weekly__btn--secondary:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.weekly__btn--primary{color:var(--white);background:linear-gradient(135deg, var(--green-mid), var(--green-primary), var(--green-light));box-shadow:0 10px 28px #40916c59}.weekly__btn--primary:hover{transform:translateY(-3px);box-shadow:0 18px 42px #40916c73}@media (width<=992px){.weekly__progress,.challenge__grid{grid-template-columns:1fr}}@media (width<=768px){.weekly__container{padding:0 var(--space-lg)}.weekly__actions{flex-direction:column}.weekly__btn{width:100%}.eco__impact{padding:30px}}@media (width<=480px){.weekly__container{padding:0 var(--space-md)}.weekly__title{font-size:1.9rem}.challenge__card,.weekly__stat-card,.eco__impact{padding:24px}.eco__impact-value{font-size:1.3rem}}.success{padding:var(--space-4xl) 0;position:relative;overflow:hidden}.success:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#52b78814,#0000 30%),radial-gradient(circle at 85% 10%,#40916c14,#0000 35%);position:absolute;inset:0}.success__container{max-width:1200px;padding:0 var(--space-xl);z-index:1;margin:0 auto;position:relative}.success__hero{text-align:center;margin-bottom:var(--space-3xl)}.success__emoji{margin-bottom:16px;font-size:4rem;animation:3s ease-in-out infinite success-float}@keyframes success-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.success__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.05}.success__subtitle{max-width:720px;color:var(--gray-600);margin:0 auto;font-size:1.1rem;line-height:1.8}.success-card{-webkit-backdrop-filter:blur(18px);background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:32px;transition:transform .35s,box-shadow .35s,border-color .35s;box-shadow:0 12px 32px #1b433214,0 4px 12px #1b43320a}.success-card:hover{border-color:var(--green-soft);transform:translateY(-6px);box-shadow:0 22px 50px #1b43321f,0 10px 24px #1b433214}.success-card--hero{text-align:center;margin-bottom:var(--space-3xl);background:linear-gradient(135deg,#52b7881f,#40916c0f);padding:48px}.success-card__icon{margin-bottom:20px;font-size:4rem}.success-card__title{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.03em;margin-bottom:14px;font-size:2rem;font-weight:800}.success-card__text{max-width:700px;color:var(--gray-600);margin:0 auto;font-size:1rem;line-height:1.8}.success__stats{margin-bottom:var(--space-3xl);grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.success-stat{-webkit-backdrop-filter:blur(18px);text-align:center;background:#ffffffbf;border:1px solid #d8f3dccc;border-radius:28px;padding:32px;transition:transform .3s,box-shadow .3s;box-shadow:0 12px 32px #1b433214,0 4px 12px #1b43320a}.success-stat:hover{transform:translateY(-8px);box-shadow:0 24px 60px #1b43321f,0 12px 28px #1b433214}.success-stat__label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.8rem;font-weight:700;display:block}.success-stat__value{font-family:var(--font-display);color:var(--green-dark);letter-spacing:-.04em;margin-bottom:8px;font-size:2.4rem;font-weight:800}.success-stat__meta{color:var(--gray-600);font-size:.9rem}.success-card--comparison{margin-bottom:var(--space-3xl);padding:36px}.success-card__header{text-align:center;font-family:var(--font-display);color:var(--green-dark);margin-bottom:28px;font-size:1.4rem;font-weight:700}.success-card__comparison{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px;display:grid}.success-card__comparison-item{text-align:center;background:#52b78814;border-radius:22px;padding:24px}.success-card__comparison-item span{color:var(--gray-400);margin-bottom:8px;font-size:.85rem;display:block}.success-card__comparison-item strong{color:var(--green-dark);font-size:1.4rem}.success-card__badge{width:fit-content;color:var(--green-primary);background:#52b7881f;border-radius:999px;justify-content:center;align-items:center;margin:0 auto;padding:12px 18px;font-size:.9rem;font-weight:700;display:flex}.success-card--impact{text-align:center;margin-bottom:var(--space-3xl);background:linear-gradient(135deg,#52b7881f,#40916c14);padding:42px}.success-card__impact-icon{margin-bottom:18px;font-size:3.5rem}.success-card__impact-title{font-family:var(--font-display);color:var(--green-dark);margin-bottom:14px;font-size:1.7rem;font-weight:700}.success-card__impact-text{max-width:700px;color:var(--gray-600);margin:0 auto;font-size:1rem;line-height:1.8}.success__actions{justify-content:center;gap:18px;display:flex}.success-btn{border-radius:var(--radius-full);padding:16px 32px;font-size:.95rem;font-weight:700;transition:transform .25s,box-shadow .25s}.success-btn:hover{transform:translateY(-3px)}.success-btn--secondary{background:var(--white);border:1.5px solid var(--green-pale);color:var(--green-primary);box-shadow:var(--shadow-sm)}.success-btn--secondary:hover{box-shadow:var(--shadow-md)}.success-btn--primary{color:var(--white);background:linear-gradient(135deg, var(--green-mid), var(--green-primary), var(--green-light));box-shadow:0 10px 28px #40916c59}.success-btn--primary:hover{box-shadow:0 18px 42px #40916c73}@media (width<=992px){.success__stats,.success-card__comparison{grid-template-columns:1fr}}@media (width<=768px){.success__container{padding:0 var(--space-lg)}.success__actions{flex-direction:column}.success-btn{width:100%}.success-card--hero,.success-card--comparison,.success-card--impact{padding:30px}}@media (width<=480px){.success__container{padding:0 var(--space-md)}.success__title{font-size:2.2rem}.success-stat{padding:24px}.success-stat__value{font-size:2rem}.success-card--hero,.success-card--comparison,.success-card--impact{padding:24px}.success-card__title{font-size:1.5rem}.success-card__impact-title{font-size:1.3rem}}
