@import"https://fonts.googleapis.com/css2?family=Geist:wght@200;300;400;500;600;700&family=Manrope:wght@200;300;400;500;600;700&display=swap";:root{--font-primary: "Manrope", system-ui, -apple-system, sans-serif;--font-display: "Geist", system-ui, -apple-system, sans-serif;--color-1: #4cae4f;--color-2: #8bc34b;--color-3: #cbdc38;--color-4: #ffec3d;--color-5: #ffc105;--color-1-rgb: 76, 174, 79;--color-2-rgb: 139, 195, 75;--color-3-rgb: 203, 220, 56;--color-4-rgb: 255, 236, 61;--color-5-rgb: 255, 193, 5;--bg-dark: #ffffff;--bg-card: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);--bg-card-hover: linear-gradient(135deg, #c8e6c9 0%, #dcedc8 100%);--border-color: rgba(76, 174, 79, .25);--border-hover: rgba(76, 174, 79, .45);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-emerald: var(--color-1);--color-emerald-rgb: var(--color-1-rgb);--color-emerald-glow: rgba(var(--color-emerald-rgb), .1);--color-teal: var(--color-2);--color-teal-rgb: var(--color-2-rgb);--color-teal-glow: rgba(var(--color-teal-rgb), .1);--gradient-primary: linear-gradient(135deg, var(--color-1) 0%, var(--color-2) 100%);--gradient-glow: linear-gradient(135deg, rgba(var(--color-1-rgb), .15) 0%, rgba(var(--color-2-rgb), .15) 100%);--gradient-text: linear-gradient(135deg, #3d8c40 0%, #8bc34b 100%);--gradient-bg: radial-gradient(circle at 50% -20%, rgba(var(--color-1-rgb), .05) 0%, #ffffff 100%);--gradient-leaf: linear-gradient(135deg, var(--color-2) 0%, var(--color-1) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-glow: 0 0 20px 0px rgba(var(--color-emerald-rgb), .15);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--radius-xl: 36px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--bg-dark);color:var(--color-text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:rgba(var(--color-emerald-rgb),.2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-emerald-rgb),.4)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(var(--color-emerald-rgb),.15)}50%{box-shadow:0 0 35px 5px rgba(var(--color-emerald-rgb),.35)}}@keyframes grow-tree{0%{transform:scale(0) translateY(50px);opacity:0}70%{transform:scale(1.1) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-scale-up{animation:scaleUp var(--transition-normal) forwards}.animate-float{animation:float 6s ease-in-out infinite}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-emerald);outline-offset:2px}.btn-history,.btn-challenges{background:#f1f5f9!important;border-color:#e2e8f0!important;color:var(--color-text-secondary)!important}.btn-history:hover,.btn-challenges:hover{background:#e2e8f0!important;border-color:#cbd5e1!important}.btn-history.active,.btn-challenges.active{background:rgba(var(--color-emerald-rgb),.08)!important;border-color:rgba(var(--color-emerald-rgb),.3)!important;color:var(--color-emerald)!important}.app-header{border-bottom:1px solid rgba(255,255,255,.1)!important;background:var(--gradient-primary)!important;box-shadow:0 4px 15px rgba(var(--color-1-rgb),.15)!important}.app-header .brand-logo-icon{color:#fff!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))!important}.app-header .brand-text{background:none!important;-webkit-text-fill-color:#ffffff!important;color:#fff!important}.app-header .btn-history,.app-header .btn-challenges{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.app-header .btn-history:hover,.app-header .btn-challenges:hover{background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important}.app-header .btn-history.active,.app-header .btn-challenges.active{background:#fff!important;border-color:#fff!important;color:var(--color-1)!important}.app-header .btn-login{background:#fff!important;color:var(--color-1)!important;border:none!important;box-shadow:0 4px 10px #0000000d!important}.app-header .btn-login:hover{background:#ffffffe6!important;transform:translateY(-1px)!important}.app-header .btn-profile-trigger{background:#ffffff1a!important;border-color:#fff3!important}.app-header .btn-profile-trigger svg,.app-header .btn-profile-trigger .material-symbols-outlined{color:#fff!important}.app-header .btn-profile-trigger:hover{background:#fff3!important;border-color:#ffffff4d!important}.app-header .badge-status{background:#ffffff1a!important;border-color:#fff3!important;color:#fff!important}.app-header .badge-status-dot{background:#fff!important;box-shadow:0 0 8px #fff!important}.btn-profile-trigger{background:#f1f5f9!important;border-color:#e2e8f0!important}.user-dropdown-menu{background:#fff!important;border-color:#e2e8f0!important;box-shadow:0 10px 25px #00000014!important}.dropdown-divider{background:#e2e8f0!important}.results-header-card{border:1px solid var(--border-color)!important}.tree-cut-sub{color:var(--color-text-secondary)!important}.co2-total-badge{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:var(--color-text-primary)!important}.breakdown-bar-track{background:#f1f5f9!important}.forest-tree-node.healthy{color:var(--color-emerald)!important}.forest-tree-node.chopped{color:#ef4444!important}.tip-icon-holder{background:rgba(var(--color-emerald-rgb),.06)!important;color:var(--color-emerald)!important}.btn-restart{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:var(--color-text-secondary)!important}.btn-restart:hover{background:#e2e8f0!important}.btn-back-to-calc{background:#f1f5f9!important;border-color:#e2e8f0!important;color:var(--color-text-secondary)!important}.btn-back-to-calc:hover,.summary-divider{background:#e2e8f0!important}.co2-tag{background:#f1f5f9!important;border-color:#e2e8f0!important;color:var(--color-text-primary)!important}.hist-cat-bar-track{background:#f1f5f9!important}.history-item-top{border-bottom:1px dashed #e2e8f0!important}.active-challenge-card,.discovery-card,.badge-unlocked-card{border:1px solid var(--border-color)!important}.challenge-progress-track{background:#f1f5f9!important}.btn-subscribe-challenge{background:var(--gradient-primary)!important;color:#fff!important}.btn-complete-task{border-color:#cbd5e1!important;background:#f8fafc!important;color:var(--color-text-primary)!important}.btn-complete-task:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.btn-complete-task.completed{background:rgba(var(--color-emerald-rgb),.08)!important;border-color:rgba(var(--color-emerald-rgb),.3)!important;color:var(--color-emerald)!important}.badge-status{background:rgba(var(--color-emerald-rgb),.06)!important;border-color:rgba(var(--color-emerald-rgb),.15)!important}.app-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}.icon-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.icon-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glow);opacity:0;transition:opacity var(--transition-normal);z-index:0;pointer-events:none}.icon-card:hover{transform:translateY(-4px);border-color:var(--border-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.icon-card:hover:before{opacity:.25}.icon-card.selected{border-color:var(--color-emerald);background:rgba(var(--color-emerald-rgb),.08);box-shadow:var(--shadow-glow)}.icon-card.selected:before{opacity:.4}.icon-card-icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:rgba(var(--color-emerald-rgb),.1);color:var(--color-emerald);margin-bottom:16px;transition:all var(--transition-normal);z-index:1}.icon-card.selected .icon-card-icon-container{background:var(--gradient-primary);color:var(--bg-dark);box-shadow:0 0 15px var(--color-emerald-glow);transform:scale(1.05)}.icon-card-label{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;z-index:1}.icon-card-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4;z-index:1}.slider-container{margin:30px 0 10px;padding:0 10px}.slider-track-wrapper{position:relative;height:8px;background:rgba(var(--color-emerald-rgb),.15);border-radius:4px;margin-bottom:24px}.slider-track-fill{position:absolute;height:100%;background:var(--gradient-primary);border-radius:4px;transition:width var(--transition-fast) ease-out}.slider-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:5}.slider-stops{position:absolute;width:100%;height:100%;display:flex;justify-content:space-between;top:0;left:0;pointer-events:none}.slider-stop-node{width:12px;height:12px;border-radius:50%;background:#070c09;border:2px solid rgba(var(--color-emerald-rgb),.4);transform:translate(-2px,-2px);transition:all var(--transition-fast)}.slider-stop-node.active{background:var(--color-emerald);border-color:#f8fafc;box-shadow:0 0 10px var(--color-emerald-glow);transform:translate(-2px,-2px) scale(1.25)}.slider-thumb-indicator{position:absolute;width:24px;height:24px;border-radius:50%;background:#f8fafc;border:4px solid var(--color-emerald);top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000080;pointer-events:none;transition:left var(--transition-fast) ease-out;z-index:3}.slider-labels-list{display:flex;justify-content:space-between;gap:12px}.slider-label-item{flex:1;text-align:center;font-size:.9rem;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-normal);padding:8px 4px;border-radius:var(--radius-sm);background:#0e191433;border:1px solid transparent}.slider-label-item:hover{color:var(--color-text-secondary);background:#0e191466}.slider-label-item.active{color:var(--color-emerald);font-weight:600;background:rgba(var(--color-emerald-rgb),.08);border-color:rgba(var(--color-emerald-rgb),.25);box-shadow:0 4px 12px rgba(var(--color-emerald-rgb),.05)}.toggle-wrapper{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);margin-top:15px}.toggle-wrapper:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.toggle-wrapper.checked{border-color:rgba(var(--color-emerald-rgb),.4);background:rgba(var(--color-emerald-rgb),.05)}.toggle-info{display:flex;align-items:center;gap:16px;flex:1}.toggle-icon-holder{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(var(--color-emerald-rgb),.1);color:var(--color-emerald);transition:all var(--transition-normal)}.toggle-wrapper.checked .toggle-icon-holder{background:var(--color-emerald);color:var(--bg-dark);box-shadow:0 0 12px var(--color-emerald-glow)}.toggle-label-text{font-family:var(--font-primary);font-size:1.05rem;font-weight:500;color:var(--color-text-primary)}.toggle-pill{width:52px;height:28px;background:#ffffff1a;border-radius:14px;position:relative;transition:background var(--transition-normal);border:1px solid rgba(255,255,255,.05)}.toggle-wrapper.checked .toggle-pill{background:var(--color-emerald)}.toggle-handle{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform var(--transition-normal) cubic-bezier(.25,1,.5,1);box-shadow:0 2px 4px #0000004d}.toggle-wrapper.checked .toggle-handle{transform:translate(24px)}@media (min-width: 1024px){.options-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:12px}.icon-card{padding:12px 14px}.icon-card-icon-container{width:40px;height:40px;margin-bottom:8px}.icon-card-icon-container svg{width:20px!important;height:20px!important}.icon-card-label{font-size:.95rem;margin-bottom:4px}.icon-card-desc{font-size:.8rem;line-height:1.3}.slider-container{margin:16px 0 8px}.slider-track-wrapper{margin-bottom:16px}.slider-label-item{font-size:.85rem;padding:6px 4px}.toggle-wrapper{padding:12px 18px;margin-top:10px}.toggle-icon-holder{width:36px;height:36px;border-radius:8px}.toggle-icon-holder svg{width:18px!important;height:18px!important}.toggle-label-text{font-size:.95rem}.toggle-pill{width:44px;height:24px;border-radius:12px}.toggle-handle{width:18px;height:18px;top:2px;left:2px}.toggle-wrapper.checked .toggle-handle{transform:translate(20px)}}.wizard-overlay .options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.wizard-overlay .icon-card{background:#fff;border:1px solid #e2e8f0;color:#1e293b;box-shadow:0 1px 3px #0000000d;transition:all var(--transition-normal)}.wizard-overlay .icon-card:before{display:none}.wizard-overlay .icon-card:hover{transform:translateY(-2px);border-color:#cbd5e1;background:#f8fafc;box-shadow:0 4px 12px #0000000d}.wizard-overlay .icon-card-icon-container{background:rgba(var(--color-1-rgb),.06);color:var(--color-1)}.wizard-overlay .icon-card-label{color:#0f172a}.wizard-overlay .icon-card-desc{color:#64748b}.wizard-overlay .icon-card.selected{border:2px solid var(--color-1);background:rgba(var(--color-1-rgb),.05);box-shadow:0 4px 15px rgba(var(--color-1-rgb),.1)}.wizard-overlay .icon-card.selected .icon-card-icon-container{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px rgba(var(--color-1-rgb),.2)}.wizard-overlay .slider-track-wrapper{background:#f1f5f9;border:1px solid #e2e8f0}.wizard-overlay .slider-stop-node{background:#fff;border-color:#cbd5e1}.wizard-overlay .slider-stop-node.active{background:var(--color-1);border-color:#fff;box-shadow:0 0 8px rgba(var(--color-1-rgb),.5)}.wizard-overlay .slider-thumb-indicator{background:#fff;border-color:var(--color-1);box-shadow:0 2px 6px #00000026}.wizard-overlay .slider-label-item{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.wizard-overlay .slider-label-item:hover{background:#f1f5f9;color:#1e293b;border-color:#cbd5e1}.wizard-overlay .slider-label-item.active{background:rgba(var(--color-1-rgb),.05);border-color:rgba(var(--color-1-rgb),.35);color:var(--color-1);box-shadow:0 2px 8px rgba(var(--color-1-rgb),.05)}.wizard-overlay .toggle-wrapper{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.wizard-overlay .toggle-wrapper:hover{border-color:#cbd5e1;background:#f8fafc}.wizard-overlay .toggle-wrapper.checked{background:rgba(var(--color-1-rgb),.05);border-color:rgba(var(--color-1-rgb),.35)}.wizard-overlay .toggle-icon-holder{background:rgba(var(--color-1-rgb),.06);color:var(--color-1)}.wizard-overlay .toggle-wrapper.checked .toggle-icon-holder{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 10px rgba(var(--color-1-rgb),.2)}.wizard-overlay .toggle-label-text{color:#0f172a}.wizard-overlay .toggle-pill{background:#e2e8f0;border-color:#cbd5e1}.wizard-overlay .toggle-wrapper.checked .toggle-pill{background:var(--color-1)}.wizard-overlay .toggle-handle{background:#fff;box-shadow:0 1px 3px #0003}@media (min-width: 1024px){.wizard-overlay .options-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.wizard-overlay .icon-card{padding:16px 14px}.wizard-overlay .icon-card-icon-container{width:44px;height:44px;margin-bottom:8px}.wizard-overlay .icon-card-icon-container svg{width:22px!important;height:22px!important}.wizard-overlay .icon-card-label{font-size:.95rem;margin-bottom:4px}.wizard-overlay .icon-card-desc{font-size:.8rem;line-height:1.35}.wizard-overlay .slider-container{margin:20px 0 10px}.wizard-overlay .slider-track-wrapper{margin-bottom:18px}.wizard-overlay .toggle-wrapper{padding:14px 20px;margin-top:12px}.wizard-overlay .toggle-pill{width:44px;height:24px;border-radius:12px}.wizard-overlay .toggle-handle{width:18px;height:18px}.wizard-overlay .toggle-wrapper.checked .toggle-handle{transform:translate(20px)}}@media (max-width: 640px){.options-grid,.wizard-overlay .options-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:10px!important;margin-top:16px!important}.icon-card{padding:16px 10px!important;border-radius:var(--radius-sm)!important}.icon-card-icon-container{width:44px!important;height:44px!important;margin-bottom:8px!important}.icon-card-icon-container svg,.icon-card-icon-container .material-symbols-outlined{font-size:20px!important;width:20px!important;height:20px!important}.icon-card-label{font-size:.9rem!important;margin-bottom:4px!important}.icon-card-desc{font-size:.75rem!important;line-height:1.3!important}.slider-container{margin:16px 0 8px!important}.slider-labels-list{gap:4px!important}.slider-label-item{font-size:.7rem!important;padding:4px 2px!important;border-radius:6px!important}.toggle-wrapper{padding:12px 14px!important;margin-top:10px!important}.toggle-icon-holder{width:36px!important;height:36px!important;border-radius:8px!important}.toggle-icon-holder svg{width:18px!important;height:18px!important}.toggle-label-text{font-size:.875rem!important}}.calculator-wrapper{max-width:800px;width:100%;margin:40px auto;display:flex;flex-direction:column;gap:24px}.category-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:8px}.category-info{display:flex;align-items:center;gap:12px}.category-icon-wrapper{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff;box-shadow:0 4px 12px #0000004d}.category-title-text{font-family:var(--font-display);font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-step-counter{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.progress-bar-container{height:6px;background:#00000014;border-radius:3px;width:100%;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:var(--gradient-primary);box-shadow:0 0 10px var(--color-emerald-glow);transition:width var(--transition-normal) ease-out}.step-card{padding:40px;min-height:380px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.step-card-header{display:flex;flex-direction:column;gap:12px}.step-card-title{font-size:1.85rem;line-height:1.3;color:var(--color-text-primary);font-weight:700}.step-card-description{font-size:1.05rem;line-height:1.5;color:var(--color-text-secondary)}.step-card-body{flex:1;display:flex;flex-direction:column;justify-content:center}.nav-buttons-container{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.btn-nav-back{background:transparent;color:var(--color-text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 28px;font-family:var(--font-primary);font-weight:600;font-size:1rem;display:flex;align-items:center;gap:10px;transition:all var(--transition-fast)}.btn-nav-back:hover{background:#00000008;border-color:var(--border-hover);color:var(--color-text-primary)}.btn-nav-back:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-nav-next{background:var(--gradient-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-md);padding:14px 32px;font-family:var(--font-primary);font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:10px;box-shadow:0 4px 20px var(--color-emerald-glow);transition:all var(--transition-normal)}.btn-nav-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(var(--color-emerald-rgb),.4);filter:brightness(1.1)}.btn-nav-next:active{transform:translateY(1px)}.intro-card{padding:48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.intro-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(var(--color-emerald-rgb),.1);border:1px solid rgba(var(--color-emerald-rgb),.2);border-radius:30px;color:var(--color-emerald);font-family:var(--font-display);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.intro-title{font-size:2.75rem;line-height:1.2;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-desc{font-size:1.15rem;line-height:1.6;color:var(--color-text-secondary);max-width:600px}.intro-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin:16px 0}.intro-feature-card{background:#00000005;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.intro-feature-icon{color:var(--color-emerald);display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(var(--color-emerald-rgb),.06);border-radius:50%}.intro-feature-card h3{font-size:1rem;color:var(--color-text-primary);font-weight:600}.intro-feature-card p{font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.btn-start{background:var(--gradient-primary);color:var(--bg-dark);border:none;border-radius:var(--radius-lg);padding:16px 44px;font-family:var(--font-primary);font-weight:700;font-size:1.15rem;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px rgba(var(--color-emerald-rgb),.3);cursor:pointer;transition:all var(--transition-normal);margin-top:12px}.btn-start:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 35px rgba(var(--color-emerald-rgb),.5);filter:brightness(1.15)}.btn-start:active{transform:translateY(0) scale(1)}@media (max-width: 640px){.intro-title{font-size:2.2rem}.intro-features{grid-template-columns:1fr}.step-card{padding:24px}.step-card-title{font-size:1.5rem}}@media (min-width: 1024px){.calculator-wrapper{margin:16px auto;gap:16px}.category-header{padding:12px 20px;margin-bottom:0}.step-card{padding:24px 32px;min-height:auto;gap:20px}.step-card-header{gap:6px}.step-card-title{font-size:1.55rem}.step-card-description{font-size:.95rem}.nav-buttons-container{margin-top:8px}.btn-nav-back,.btn-nav-next{padding:10px 24px;font-size:.95rem}.intro-card{padding:28px 40px;gap:16px}.intro-title{font-size:2.2rem}.intro-desc{font-size:1rem}.intro-features{margin:8px 0;gap:12px}.intro-feature-card{padding:12px;gap:8px}.intro-feature-card h3{font-size:.9rem}.intro-feature-card p{font-size:.8rem}.btn-start{padding:12px 36px;font-size:1rem;margin-top:8px}}.wizard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;background:#fff;z-index:1000;overflow:hidden;font-family:var(--font-primary);color:#1e293b}.wizard-sidebar{width:300px;background:linear-gradient(135deg,var(--color-1) 0%,var(--color-2) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:40px;color:#fff;position:relative;flex-shrink:0}.wizard-brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.01em}.wizard-brand-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.wizard-sidebar-footer{font-size:.95rem;opacity:.9;line-height:1.4}.wizard-content-area{flex:1;display:flex;flex-direction:column;background:#fff;padding:40px 60px 24px;overflow-y:auto;position:relative}.wizard-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;width:100%}.btn-wizard-prev{background:transparent;border:none;color:#64748b;font-family:var(--font-primary);font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:color var(--transition-fast)}.btn-wizard-prev:hover{color:var(--color-1)}.btn-wizard-close{background:#f8fafc;border:1px solid #e2e8f0;width:36px;height:36px;border-radius:50%;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.btn-wizard-close:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1;transform:scale(1.05)}.wizard-question-container{max-width:680px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;flex:1}.wizard-question-category{font-family:var(--font-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em}.wizard-question-title{font-family:var(--font-display);font-size:2.1rem;font-weight:800;color:#0f172a;line-height:1.25;letter-spacing:-.01em}.wizard-question-desc{font-size:1.05rem;line-height:1.5;color:#475569}.wizard-card-body{margin-top:12px}.wizard-action-container{margin-top:16px}.btn-wizard-continue{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:14px 36px;font-family:var(--font-primary);font-weight:700;font-size:1rem;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 4px 15px rgba(var(--color-1-rgb),.25);transition:all var(--transition-normal)}.btn-wizard-continue:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-1-rgb),.35);filter:brightness(1.05)}.wizard-progress-footer{margin-top:auto;border-top:1px solid #e2e8f0;padding-top:20px;width:100%}.wizard-progress-steps{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;gap:16px}.wizard-progress-step-item{flex:1;display:flex;flex-direction:column;gap:8px;position:relative;text-align:left}.wizard-progress-step-item .step-label{font-size:.825rem;font-weight:600;color:#94a3b8;transition:color var(--transition-fast)}.wizard-progress-step-item.active .step-label{color:var(--color-1)}.wizard-progress-step-item.completed .step-label{color:#475569}.wizard-progress-step-item .step-underline-track{height:4px;background:#e2e8f0;border-radius:2px;width:100%;overflow:hidden;position:relative}.wizard-progress-step-item .step-underline-fill{height:100%;background:#cbd5e1;border-radius:2px;transition:width var(--transition-normal) ease-out;width:0%}.wizard-progress-step-item.active .step-underline-fill{background:var(--color-1)}.wizard-progress-step-item.completed .step-underline-fill{background:rgba(var(--color-1-rgb),.5)}.wizard-overlay .step-card{background:transparent!important;border:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;padding:0!important;min-height:auto!important;gap:0!important}.wizard-overlay .step-card-header{display:none!important}@media (max-width: 1023px){.wizard-sidebar{display:none}.wizard-content-area{padding:24px 32px}.wizard-question-title{font-size:1.75rem}}@media (max-width: 640px){.wizard-content-area{padding:16px 16px 20px}.wizard-question-title{font-size:1.45rem}.wizard-question-desc{font-size:.95rem}.wizard-question-container{gap:12px}.wizard-top-nav{margin-bottom:16px}.wizard-progress-steps{display:flex;flex-direction:row;gap:8px;justify-content:space-between;width:100%}.wizard-progress-step-item{flex:1;gap:4px;text-align:center}.wizard-progress-step-item .step-label{font-size:.65rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}}body.wizard-active{overflow:hidden!important}.auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#040705bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.auth-card{width:100%;max-width:440px;position:relative;padding:36px;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg),0 0 40px rgba(var(--color-emerald-rgb),.05)}.auth-close-btn{position:absolute;top:20px;right:20px;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.auth-close-btn:hover{background:#ffffff0d;color:var(--color-text-primary)}.auth-header{text-align:center;margin-bottom:28px}.auth-title{font-size:1.8rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.auth-subtitle{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.auth-error-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:12px 16px;border-radius:var(--radius-sm);font-size:.85rem;display:flex;align-items:center;gap:10px;margin-bottom:24px;animation:scaleUp .2s ease-out}.auth-actions{display:flex;flex-direction:column;gap:16px}.btn-google-auth{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--color-text-primary);font-family:var(--font-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.btn-google-auth:hover{background:#ffffff14;border-color:var(--color-emerald);box-shadow:0 0 15px rgba(var(--color-emerald-rgb),.15);transform:translateY(-1px)}.btn-google-auth:active{transform:translateY(0)}.google-icon-svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.auth-divider{display:flex;align-items:center;text-align:center;margin:8px 0;color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.06)}.auth-divider-text{padding:0 12px}.btn-toggle-email{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px dashed rgba(255,255,255,.15);color:var(--color-text-secondary);padding:12px 18px;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-toggle-email:hover{border-color:rgba(var(--color-emerald-rgb),.5);color:var(--color-emerald);background:rgba(var(--color-emerald-rgb),.02)}.auth-email-form{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards}.input-group{display:flex;flex-direction:column;gap:6px;text-align:left}.input-group label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.02em}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--color-text-muted);pointer-events:none}.input-with-icon input{width:100%;padding:12px 16px 12px 42px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#070c0973;color:var(--color-text-primary);font-family:var(--font-primary);font-size:.9rem;transition:all var(--transition-fast)}.input-with-icon input:focus{border-color:var(--color-emerald);box-shadow:0 0 12px rgba(var(--color-emerald-rgb),.15);background:#070c09a6}.btn-submit-email{width:100%;padding:13px 20px;border-radius:var(--radius-sm);border:none;background:var(--gradient-primary);color:#fff;font-family:var(--font-primary);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);margin-top:4px}.btn-submit-email:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow)}.btn-submit-email:disabled{opacity:.6;cursor:not-allowed}.auth-mode-switch{font-size:.825rem;color:var(--color-text-muted);text-align:center;margin-top:4px}.btn-mode-toggle{background:transparent;border:none;color:var(--color-emerald);font-weight:700;cursor:pointer;padding:2px 4px;text-decoration:underline}.btn-mode-toggle:hover{color:var(--color-teal)}.btn-hide-email{background:transparent;border:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer;margin:0 auto;transition:color var(--transition-fast);text-decoration:underline}.btn-hide-email:hover{color:var(--color-text-secondary)}@media (max-width: 480px){.auth-card{padding:24px 16px!important}.auth-header{margin-bottom:20px!important}.auth-title{font-size:1.45rem!important}.btn-google-auth{padding:12px 16px!important;font-size:.875rem!important}.input-with-icon input{padding:10px 14px 10px 38px!important;font-size:.85rem!important}.input-icon{left:12px!important}.btn-submit-email{padding:11px 16px!important;font-size:.875rem!important}}.results-container{display:flex;flex-direction:column;gap:28px;animation:scaleUp var(--transition-normal) forwards;padding:0 20px}.results-header-card{padding:40px;text-align:center;position:relative;overflow:hidden}.results-header-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--color-emerald-rgb),.08) 0%,transparent 70%);pointer-events:none;z-index:0}.badge-impact{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:30px;font-family:var(--font-display);font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px;z-index:1}.badge-impact.eco-hero{background:rgba(var(--color-emerald-rgb),.12);border:1px solid rgba(var(--color-emerald-rgb),.3);color:#34d399}.badge-impact.moderate{background:#eab3081f;border:1px solid rgba(234,179,8,.3);color:#facc15}.badge-impact.high{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.tree-hero-display{display:flex;flex-direction:column;align-items:center;margin:16px 0;z-index:1;position:relative}.tree-large-icon-wrapper{color:var(--color-emerald);animation:float 5s ease-in-out infinite;display:flex;align-items:center;justify-content:center;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(var(--color-emerald-rgb),.4))}.tree-cut-number{font-family:var(--font-display);font-size:4.8rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-1) 0%,var(--color-2) 50%,var(--color-5) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tree-cut-label{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-top:8px}.tree-cut-sub{font-size:1.05rem;color:var(--color-text-secondary);max-width:500px;margin-top:12px;line-height:1.5}.co2-total-badge{display:inline-block;margin-top:20px;font-size:.95rem;color:var(--color-text-muted);background:#ffffff08;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.results-grid-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}@media (max-width: 850px){.results-grid-layout{grid-template-columns:1fr}}.breakdown-card{padding:30px}.breakdown-title-bar{font-size:1.4rem;font-weight:700;margin-bottom:24px;color:var(--color-text-primary);border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.breakdown-list{display:flex;flex-direction:column;gap:20px}.breakdown-item{display:flex;flex-direction:column;gap:8px}.breakdown-item-header{display:flex;justify-content:space-between;align-items:center}.breakdown-item-title-info{display:flex;align-items:center;gap:10px;font-weight:600}.breakdown-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:#fff}.breakdown-item-value{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.breakdown-bar-track{height:10px;background:#ffffff0a;border-radius:5px;overflow:hidden;position:relative}.breakdown-bar-fill{height:100%;border-radius:5px;transition:width 1s cubic-bezier(.4,0,.2,1)}.breakdown-item-percentage{font-size:.8rem;color:var(--color-text-muted);text-align:right;margin-top:2px}.forest-card{padding:30px;display:flex;flex-direction:column}.forest-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:16px;margin-bottom:16px;background:#fff9;padding:16px;border-radius:var(--radius-md);border:1px solid rgba(76,174,79,.15)}.forest-tree-node{display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);color:#ffffff1a}.forest-tree-node.healthy{color:var(--color-emerald);filter:drop-shadow(0 0 4px rgba(var(--color-emerald-rgb),.3));animation:grow-tree .6s cubic-bezier(.34,1.56,.64,1) forwards}.forest-tree-node.chopped{color:#ef4444;opacity:.55;filter:drop-shadow(0 0 2px rgba(239,68,68,.2));transform:translateY(2px) scaleY(.8)}.forest-legend{display:flex;gap:16px;font-size:.8rem;color:var(--color-text-secondary);justify-content:center;margin-top:4px}.legend-item{display:flex;align-items:center;gap:6px}.tips-card{padding:30px}.tips-list{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}.tip-item{display:flex;gap:16px;padding:16px;border-radius:var(--radius-md);background:#ffffff05;border:1px solid rgba(255,255,255,.04);align-items:flex-start;transition:all var(--transition-fast)}.tip-item:hover{background:#ffffff0a;border-color:rgba(var(--color-emerald-rgb),.15)}.tip-icon-holder{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:rgba(var(--color-emerald-rgb),.08);color:var(--color-emerald);flex-shrink:0}.tip-content{display:flex;flex-direction:column;gap:4px}.tip-title{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.tip-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.4}.results-footer-wrapper{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:12px;margin-bottom:40px;width:100%}.results-footer{display:flex;justify-content:center;align-items:center;gap:16px;width:100%;flex-wrap:wrap}.btn-restart{background:transparent;color:var(--color-text-primary);border:1px solid rgba(var(--color-emerald-rgb),.35);border-radius:var(--radius-md);padding:14px 40px;font-family:var(--font-primary);font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:12px;transition:all var(--transition-normal);cursor:pointer}.btn-restart:hover{background:rgba(var(--color-emerald-rgb),.08);border-color:var(--color-emerald);box-shadow:0 0 15px rgba(var(--color-emerald-rgb),.15);transform:translateY(-2px)}.btn-restart:active{transform:translateY(0)}.btn-save-footprint{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:14px 40px;font-family:var(--font-primary);font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:12px;transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-sm)}.btn-save-footprint:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-save-footprint:active{transform:translateY(0)}.btn-save-footprint:disabled{opacity:.6;cursor:not-allowed}.save-status-msg.success{display:flex;align-items:center;gap:8px;background:rgba(var(--color-emerald-rgb),.08);border:1px solid rgba(var(--color-emerald-rgb),.2);color:var(--color-emerald);padding:12px 28px;border-radius:var(--radius-md);font-weight:700;font-size:1.05rem;box-shadow:0 0 15px rgba(var(--color-emerald-rgb),.1)}.save-error-msg{display:flex;align-items:center;gap:8px;background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;padding:8px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}@media (max-width: 640px){.results-container{padding:0 16px;gap:20px}.results-header-card{padding:24px 16px}.tree-cut-number{font-size:3.2rem}.tree-cut-label{font-size:1.15rem}.tree-cut-sub{font-size:.9rem;margin-top:8px}.co2-total-badge{font-size:.8rem;padding:6px 10px;margin-top:16px;line-height:1.4}.breakdown-card,.forest-card,.tips-card{padding:20px 16px}.breakdown-title-bar{font-size:1.15rem;margin-bottom:16px;padding-bottom:8px}.breakdown-item-value{font-size:.95rem}.breakdown-item-percentage{font-size:.75rem}.forest-grid{grid-template-columns:repeat(8,1fr)!important;gap:4px;padding:8px}.forest-tree-node svg{width:14px!important;height:14px!important}.forest-legend{gap:12px;flex-wrap:wrap}.tips-list{gap:12px}.tip-item{padding:12px;gap:10px}.tip-icon-holder{width:32px;height:32px}.tip-icon-holder svg{width:16px!important;height:16px!important}.tip-title{font-size:.95rem}.tip-desc{font-size:.8rem}.btn-restart,.btn-save-footprint{padding:12px 24px;font-size:.95rem;flex:1;justify-content:center}.results-footer{gap:10px}.challenges-cta-card{padding:16px!important}.challenges-cta-card button{width:100%;margin-top:10px}}.results-impact-desc{font-size:1.05rem;color:var(--color-text-secondary);margin-top:8px;z-index:1;position:relative}.forest-card-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);font-size:.85rem;color:var(--color-text-muted)}.challenges-cta-card{margin-top:24px;padding:24px;position:relative;overflow:hidden}.cta-card-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cta-card-icon{background:var(--gradient-primary);padding:12px;border-radius:16px;color:#fff;box-shadow:0 4px 15px rgba(var(--color-emerald-rgb),.3);display:flex;align-items:center;justify-content:center}.cta-card-text{flex:1;min-width:250px}.cta-card-text h3{font-size:1.25rem;margin-bottom:4px;color:var(--color-text-primary);text-align:left}.cta-card-text p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.4;text-align:left}.tips-title-bar{display:flex;align-items:center;gap:8px}.history-container{width:100%;max-width:840px;margin:0 auto;padding:40px 20px 80px}.history-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.btn-back-to-calc{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text-secondary);padding:8px 16px;border-radius:20px;font-family:var(--font-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-back-to-calc:hover{background:rgba(var(--color-emerald-rgb),.08);border-color:rgba(var(--color-emerald-rgb),.3);color:var(--color-emerald)}.history-title{font-size:1.6rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.history-error-alert{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#f87171;padding:12px 16px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:24px}.history-loader-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;text-align:center;font-size:1rem;color:var(--color-text-secondary);max-width:500px;margin:0 auto}.empty-history-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;text-align:center;max-width:500px;margin:0 auto}.empty-history-card h3{font-size:1.3rem;font-weight:700;color:var(--color-text-primary)}.empty-history-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.btn-start-history{background:var(--gradient-primary);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-family:var(--font-primary);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);margin-top:8px}.btn-start-history:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow)}.history-dashboard-grid{display:flex;flex-direction:column;gap:24px}.history-summary-card{display:flex;justify-content:space-around;align-items:center;padding:20px 10px;flex-wrap:wrap;gap:16px}.summary-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--color-emerald);line-height:1.2}.summary-stat-value.text-red{color:#ef4444}.summary-stat-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.summary-divider{width:1px;height:40px;background:#ffffff0f}.history-list{display:flex;flex-direction:column;gap:16px}.history-item-card{padding:24px;display:flex;flex-direction:column;gap:16px}.history-item-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;padding-bottom:14px;border-bottom:1px dashed rgba(255,255,255,.06)}.history-item-date{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:.85rem;font-weight:500}.history-item-metrics{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.metric-tag{padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px}.co2-tag{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text-primary)}.tree-tag{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#f87171}.history-item-breakdown{display:flex;flex-direction:column;gap:10px}.breakdown-subtitle{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em}.history-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.hist-cat-item{display:flex;flex-direction:column;gap:6px}.hist-cat-label-row{display:flex;justify-content:space-between;align-items:center;font-size:.775rem}.hist-cat-icon-title{display:flex;align-items:center;gap:6px}.hist-cat-icon{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.hist-cat-title{color:var(--color-text-secondary);font-weight:500}.hist-cat-val{color:var(--color-text-primary);font-weight:600}.hist-cat-bar-track{width:100%;height:4px;background:#ffffff0a;border-radius:2px;overflow:hidden}.hist-cat-bar-fill{height:100%;border-radius:2px}@media (max-width: 600px){.history-container{padding:24px 16px 48px}.history-title{font-size:1.35rem}.history-summary-card{flex-direction:column;padding:16px}.summary-divider{width:80%;height:1px}.history-item-card{padding:16px;gap:12px}.history-categories-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}}.challenges-container{width:100%;max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:32px;padding:40px 20px 80px}.challenges-header{text-align:center;margin-bottom:24px}.challenges-main-title{font-size:2.25rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.challenges-subtitle-text{font-size:1.05rem;color:var(--color-text-secondary);max-width:650px;margin:0 auto;line-height:1.5}.heading-divider{width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--color-emerald),transparent);margin:16px auto 0;opacity:.7}.challenges-loader-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:20px;text-align:center;width:100%;max-width:600px;margin:0 auto}.rec-banner{display:flex;align-items:center;gap:20px;padding:24px;border-left:5px solid var(--color-emerald);flex-wrap:wrap}.rec-banner.highlighted{background:rgba(var(--color-emerald-rgb),.03)}.rec-icon-box{background:rgba(var(--color-emerald-rgb),.08);color:var(--color-emerald);padding:14px;border-radius:16px;display:flex;align-items:center;justify-content:center}.rec-text-box{flex:1;min-width:250px;display:flex;flex-direction:column;gap:4px}.rec-text-box h4{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.rec-text-box p{font-size:.925rem;color:var(--color-text-secondary);line-height:1.4}.btn-rec-action{background:#00000008;border:1px solid rgba(0,0,0,.08);color:var(--color-text-primary);padding:10px 20px;border-radius:20px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-rec-action:hover{background:#0000000f;transform:translateY(-1px)}.btn-rec-action.primary{color:#fff;border:none;box-shadow:0 4px 15px rgba(var(--color-emerald-rgb),.2)}.btn-rec-action.primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px rgba(var(--color-emerald-rgb),.3)}.challenges-section{display:flex;flex-direction:column;gap:20px}.section-title{font-size:1.45rem;font-weight:700;color:var(--color-text-primary);border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}.section-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}.section-header-row .section-title{border-bottom:none;padding-bottom:0}.active-challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.active-challenge-card{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.active-card-header{display:flex;justify-content:space-between;align-items:center}.cat-label{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}.follower-count{font-size:.775rem;color:var(--color-text-muted);font-weight:500}.active-card-title{font-size:1.25rem;font-weight:750;color:var(--color-text-primary)}.active-card-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.45}.badge-earning-alert{display:flex;align-items:center;gap:8px;background:#00000005;border:1px solid rgba(0,0,0,.05);padding:8px 12px;border-radius:12px;font-size:.825rem;color:var(--color-text-secondary)}.badge-mini-preview{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-info-row{display:flex;justify-content:space-between;font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.progress-bar-track{width:100%;height:6px;background:#00000014;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width var(--transition-normal)}.checklist-container{display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(0,0,0,.06);padding-top:16px}.checklist-title{font-size:.9rem;font-weight:700;color:var(--color-text-primary)}.checklist-items{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto;padding-right:4px}.checklist-item-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;background:#00000003;border:1px solid rgba(0,0,0,.04);font-size:.825rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.checklist-item-row:hover{background:#00000008;border-color:#00000014}.checklist-item-row.checked{background:rgba(var(--color-emerald-rgb),.03);border-color:rgba(var(--color-emerald-rgb),.15);color:var(--color-text-muted);text-decoration:line-through}.checklist-item-row input[type=checkbox]{margin-top:3px;accent-color:var(--color-emerald);cursor:pointer}.day-number{font-weight:700;color:var(--color-emerald);font-family:var(--font-display);white-space:nowrap}.checklist-item-row.checked .day-number{color:var(--color-text-muted)}.day-text{line-height:1.4;text-align:left}.active-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.06);padding-top:16px;margin-top:auto}.btn-cancel-challenge{background:transparent;border:1px solid rgba(239,68,68,.15);color:#f87171;padding:8px 16px;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel-challenge:hover{background:#ef44440d;border-color:#ef44444d}.btn-claim-badge{color:#fff;border:none;padding:8px 16px;border-radius:16px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #00000014;animation:pulse-glow 2s infinite}.btn-claim-badge:hover{filter:brightness(1.15);transform:translateY(-1px)}.guest-cta-panel{display:flex;align-items:center;gap:20px;padding:24px;background:#00000003;border-color:#0000000d;flex-wrap:wrap}.guest-cta-icon-box{background:#0000000a;color:var(--color-text-muted);padding:14px;border-radius:16px;display:flex;align-items:center;justify-content:center}.guest-cta-text{flex:1;min-width:250px;display:flex;flex-direction:column;gap:4px}.guest-cta-text h3{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.guest-cta-text p{font-size:.925rem;color:var(--color-text-secondary);line-height:1.45}.btn-guest-login{background:var(--gradient-primary);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:700;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-guest-login:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(var(--color-emerald-rgb),.25);transform:translateY(-1px)}.btn-refresh{display:flex;align-items:center;gap:6px;background:#00000008;border:1px solid rgba(0,0,0,.08);color:var(--color-text-secondary);padding:6px 14px;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-refresh:hover{background:rgba(var(--color-emerald-rgb),.08);border-color:rgba(var(--color-emerald-rgb),.3);color:var(--color-emerald)}.discovery-challenges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.discovery-card{padding:24px;display:flex;flex-direction:column;gap:16px}.discovery-header{display:flex;justify-content:space-between;align-items:center}.discovery-title{font-size:1.25rem;font-weight:750;color:var(--color-text-primary)}.discovery-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.45}.discovery-badge-box{display:flex;gap:12px;background:#00000005;border:1px solid rgba(0,0,0,.05);padding:12px;border-radius:14px;align-items:flex-start}.badge-preview-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.badge-preview-details{display:flex;flex-direction:column;gap:2px;text-align:left}.badge-preview-title{font-size:.85rem;font-weight:700;color:var(--color-text-primary)}.badge-preview-desc{font-size:.775rem;color:var(--color-text-muted);line-height:1.35}.collapsible-tasks-section{display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,.05);padding-top:12px}.btn-toggle-expand{display:flex;justify-content:space-between;align-items:center;background:transparent;border:none;color:var(--color-emerald);font-size:.825rem;font-weight:600;cursor:pointer;padding:4px 0;transition:opacity var(--transition-fast)}.btn-toggle-expand:hover{opacity:.85}.expanded-days-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding:10px;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:10px;max-height:180px;overflow-y:auto}.expanded-day-row{display:flex;gap:8px;font-size:.8rem;line-height:1.4;color:var(--color-text-secondary)}.day-bullet{font-weight:700;color:var(--color-emerald);white-space:nowrap}.discovery-actions{margin-top:auto;border-top:1px solid rgba(0,0,0,.05);padding-top:16px}.btn-subscribe-now{width:100%;color:#fff;border:none;padding:10px 18px;border-radius:16px;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-subscribe-now:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-subscribe-now.guest-btn{background:#0000000a;border:1px solid rgba(0,0,0,.08);color:var(--color-text-secondary)}.btn-subscribe-now.guest-btn:hover{background:#00000014;border-color:#00000026;color:var(--color-text-primary)}.badge-locked-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#eab30814;border:1px solid rgba(234,179,8,.3);color:#b45309;border-radius:14px;font-size:.85rem;text-align:left}.badges-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.badge-gallery-card{padding:24px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.badge-main-circle{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;transition:transform var(--transition-normal)}.badge-gallery-card.earned:hover .badge-main-circle{transform:scale(1.15) rotate(5deg)}.badge-title{font-size:.95rem;font-weight:800;color:var(--color-text-primary)}.badge-category-tag{font-size:.725rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-desc{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.badge-earned-date{display:flex;align-items:center;gap:4px;margin-top:auto;font-size:.725rem;font-weight:700;color:var(--color-emerald);background:rgba(var(--color-emerald-rgb),.06);border:1px solid rgba(var(--color-emerald-rgb),.15);padding:4px 10px;border-radius:12px}.badge-gallery-card.locked{opacity:.85;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;filter:grayscale(1)}.badge-gallery-card.locked:hover{opacity:1;border-color:#94a3b8}.locked-circle{background:#f1f5f9;border:2px dashed #94a3b8}.locked-circle svg{color:#64748b!important}.locked-title{color:#334155}.locked-tag{color:#64748b}.locked-desc{color:#475569}.locked-date{background:#cbd5e1;border:1px solid #cbd5e1;color:#475569;padding:4px 10px;border-radius:12px;font-size:.725rem}.congrats-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#070c09cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.congrats-card{width:100%;max-width:480px;padding:40px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;background:radial-gradient(circle at center,rgba(var(--color-emerald-rgb),.1),#0e1914d9)}.sparkles-container{color:#fbbf24}.congrats-subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.4}.congrats-badge-showcase{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin:8px 0;animation:grow-tree .5s cubic-bezier(.175,.885,.32,1.275) forwards}.congrats-badge-title{font-size:1.4rem;font-weight:800;color:var(--color-text-primary)}.congrats-badge-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.45}.btn-congrats-close{background:var(--gradient-primary);color:#fff;border:none;padding:12px 28px;border-radius:20px;font-weight:750;font-size:.9rem;cursor:pointer;box-shadow:0 4px 15px rgba(var(--color-emerald-rgb),.35);transition:all var(--transition-fast)}.btn-congrats-close:hover{filter:brightness(1.1);box-shadow:0 6px 20px rgba(var(--color-emerald-rgb),.45);transform:translateY(-1px)}.active-challenges-accordion-container{display:flex;flex-direction:column;gap:16px}.active-challenge-card{padding:0;overflow:visible;transition:all var(--transition-normal)}.active-card-accordion-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.active-challenge-card.collapsed .active-card-accordion-header{border-radius:var(--radius-lg)}.active-card-accordion-header:hover{background:#00000005}.active-header-left-row{display:flex;align-items:center;gap:12px;flex:1;min-width:0;flex-wrap:wrap}.active-header-left-row .active-card-title{font-size:1.15rem;font-weight:750;margin:0;color:var(--color-text-primary)}.cat-label-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em}.follower-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:600;color:var(--color-text-secondary);background:#00000008;border:1px solid rgba(0,0,0,.06)}.active-header-right-row{display:flex;align-items:center;gap:16px;flex-shrink:0}.badge-mini-preview-pill{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;cursor:pointer;flex-shrink:0}.badge-mini-preview-pill .tooltip-text{visibility:hidden;width:140px;background-color:#070c09f2;color:#fff;text-align:center;border-radius:8px;padding:6px 10px;position:absolute;z-index:100;bottom:125%;left:50%;margin-left:-70px;opacity:0;transition:opacity var(--transition-fast) ease,transform var(--transition-fast) ease;transform:translateY(4px);font-size:.75rem;font-weight:700;pointer-events:none;box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,255,255,.08)}.badge-mini-preview-pill:hover .tooltip-text{visibility:visible;opacity:1;transform:translateY(0)}.progress-circles{display:flex;gap:6px;align-items:center}.progress-circle{width:10px;height:10px;border-radius:50%;background:#0000000f;border:1px solid rgba(0,0,0,.15);transition:all var(--transition-normal)}.progress-circle.done{border:1px solid transparent;animation:pulse-glow-circle 2s infinite}@keyframes pulse-glow-circle{0%,to{opacity:.85}50%{opacity:1;filter:brightness(1.2)}}.chevron-toggle-icon{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.chevron-toggle-icon.rotated{transform:rotate(180deg)}.active-card-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px;border-top:1px solid rgba(0,0,0,.06)}.active-card-details-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.checklist-container.horizontal{border-top:1px solid rgba(0,0,0,.06);padding-top:16px;display:flex;flex-direction:column;gap:10px}.checklist-items-horizontal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.horizontal-day-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:#00000005;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all var(--transition-fast)}.horizontal-day-card:hover{background:#0000000a;border-color:#0000001f}.horizontal-day-card.checked{background:rgba(var(--color-emerald-rgb),.06);border-color:rgba(var(--color-emerald-rgb),.25)}.horizontal-day-card.checked .day-text{text-decoration:line-through;color:var(--color-text-muted)}.horizontal-day-card.checked .day-number{color:var(--color-emerald)}.horizontal-day-card.read-only{cursor:default;pointer-events:none}.day-card-header{display:flex;justify-content:space-between;align-items:center}.day-card-header input[type=checkbox]{accent-color:var(--color-emerald);cursor:pointer;width:15px;height:15px}.horizontal-day-card .day-text{font-size:.775rem;color:var(--color-text-secondary);line-height:1.4}.completed-history-section{gap:12px}.completed-history-header-card{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.completed-history-header-card:hover{background:#00000005}.completed-history-header-left{display:flex;align-items:center;gap:10px}.completed-history-header-left h3{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.completed-history-content{display:flex;flex-direction:column;gap:14px;margin-top:4px}.completed-history-item-card{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.completed-item-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.completed-item-title-row{display:flex;flex-direction:column;gap:6px}.completed-item-title-row h4{font-size:1.05rem;font-weight:700;color:var(--color-text-primary)}.completed-item-badge-earned{display:flex;align-items:center;gap:8px;background:rgba(var(--color-emerald-rgb),.06);border:1px solid rgba(var(--color-emerald-rgb),.18);padding:6px 12px;border-radius:12px;font-size:.8rem;color:var(--color-text-secondary)}.completed-item-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.45}@media (max-width: 640px){.challenges-container{padding:24px 16px 48px;gap:20px}.challenges-main-title{font-size:1.75rem}.active-card-accordion-header,.active-card-body{padding:16px}.checklist-items-horizontal{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.active-challenges-accordion-container{gap:12px}.completed-history-header-card{padding:14px 16px}.completed-history-item-card{padding:16px}.congrats-card{padding:24px 16px;gap:16px}.congrats-badge-showcase{width:80px;height:80px}.congrats-badge-title{font-size:1.2rem}.rec-banner{padding:16px;gap:12px}.rec-text-box h4{font-size:1rem}.guest-cta-panel{padding:16px;gap:12px}}.resources-page{max-width:var(--container-max, 1200px);margin:0 auto;padding:40px 24px 80px;animation:fadeIn var(--transition-normal) forwards}.resources-hero{text-align:center;padding:60px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:40px;position:relative;overflow:hidden}.resources-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 20%,rgba(var(--color-2-rgb),.1) 0%,transparent 60%);pointer-events:none}.resources-hero h1{font-size:2.75rem;color:var(--color-text-primary);margin-bottom:16px;line-height:1.2}.resources-hero p{font-size:1.125rem;color:var(--color-text-secondary);max-width:650px;margin:0 auto;line-height:1.6}.resources-nav-tabs{position:sticky;top:64px;z-index:30;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(76,174,79,.15);border-radius:50px;display:flex;justify-content:center;gap:12px;padding:6px;margin-bottom:60px;box-shadow:var(--shadow-md);max-width:600px;margin-left:auto;margin-right:auto}.resources-tab-btn{background:transparent;border:none;padding:10px 24px;border-radius:40px;font-family:var(--font-primary);font-size:.95rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.resources-tab-btn:hover{color:var(--color-emerald);background:rgba(var(--color-1-rgb),.05)}.resources-tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--color-1-rgb),.2)}.resources-section{scroll-margin-top:140px;margin-bottom:80px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:60px}.resources-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:40px}.section-header{display:flex;align-items:center;gap:14px;margin-bottom:32px}.section-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(var(--color-1-rgb),.08);color:var(--color-emerald);display:flex;align-items:center;justify-content:center}.section-header h2{font-size:2rem;color:var(--color-text-primary)}.methodology-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:32px;margin-bottom:40px}.methodology-summary-card h3{font-size:1.35rem;margin-bottom:12px;color:var(--color-text-primary)}.methodology-summary-card p{color:var(--color-text-secondary);line-height:1.6;font-size:1rem}.methodology-grid{display:grid;grid-template-cols:1fr;gap:24px}@media (min-width: 768px){.methodology-grid{grid-template-cols:1fr 1fr}}.methodology-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:16px}.methodology-card:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.methodology-card-header{display:flex;align-items:center;gap:12px}.methodology-card-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.methodology-card-desc{color:var(--color-text-secondary);font-size:.925rem;line-height:1.5;flex:1}.methodology-formula{background:#f1f5f9;border-radius:var(--radius-sm);padding:12px 16px;font-family:monospace;font-size:.85rem;color:var(--color-text-primary);word-break:break-all}.methodology-multiplier-list{display:flex;flex-direction:column;gap:8px;font-size:.85rem}.methodology-multiplier-item{display:flex;justify-content:space-between;border-bottom:1px dashed #e2e8f0;padding-bottom:6px}.methodology-multiplier-item:last-child{border-bottom:none;padding-bottom:0}.methodology-multiplier-label{color:var(--color-text-muted)}.methodology-multiplier-val{font-weight:600;color:var(--color-emerald)}.blog-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 640px) and (max-width: 1023px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);cursor:pointer}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-emerald)}.blog-card-img-wrap{height:200px;position:relative;background:#f1f5f9}.blog-card-img{width:100%;height:100%;object-cover:cover;object-fit:cover}.blog-card-tag{position:absolute;top:16px;left:16px;background:#fffffff2;color:var(--color-emerald);padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-sm);text-transform:uppercase}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex:1;gap:12px}.blog-card-meta{display:flex;gap:12px;font-size:.75rem;color:var(--color-text-muted)}.blog-card-title{font-size:1.25rem;color:var(--color-text-primary);line-height:1.3}.blog-card-summary{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;flex:1}.blog-card-footer{display:flex;align-items:center;gap:4px;color:var(--color-emerald);font-size:.85rem;font-weight:700;padding-top:12px;border-top:1px solid #f1f5f9}.offset-intro{margin-bottom:40px;font-size:1.05rem;color:var(--color-text-secondary);line-height:1.6;max-width:800px}.offset-core-grid{display:grid;grid-template-cols:1fr;gap:32px;margin-bottom:48px}@media (min-width: 768px){.offset-core-grid{grid-template-cols:1fr 1fr}}.offset-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:32px}.offset-box h3{font-size:1.3rem;margin-bottom:20px;color:var(--color-text-primary);display:flex;align-items:center;gap:10px}.offset-box-icon{color:var(--color-emerald)}.offset-list{display:flex;flex-direction:column;gap:16px}.offset-list-item{display:flex;gap:12px}.offset-list-num{font-weight:800;color:var(--color-emerald);font-size:1.1rem}.offset-list-content h4{font-size:.95rem;font-weight:700;margin-bottom:4px;color:var(--color-text-primary)}.offset-list-content p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5}.offset-projects-title{font-size:1.5rem;margin-bottom:24px;color:var(--color-text-primary)}.offset-projects-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 480px) and (max-width: 767px){.offset-projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.offset-projects-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.offset-projects-grid{grid-template-columns:repeat(4,1fr)}}.offset-project-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;display:flex;flex-direction:column;gap:14px;transition:all var(--transition-fast)}.offset-project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.offset-proj-header{display:flex;justify-content:space-between;align-items:center}.offset-proj-icon{color:var(--color-emerald)}.offset-proj-badge{font-size:.7rem;background:rgba(var(--color-1-rgb),.08);color:var(--color-emerald);padding:2px 8px;border-radius:10px;font-weight:700}.offset-project-card h4{font-size:1.05rem;color:var(--color-text-primary)}.offset-project-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;flex:1}.offset-project-efficiency{font-size:.8rem;color:var(--color-text-muted);border-top:1px solid #f1f5f9;padding-top:10px;display:flex;justify-content:space-between}.offset-project-efficiency span{font-weight:600;color:var(--color-text-primary)}.blog-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out}.blog-modal-content{background:#fff;border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:scaleUp .3s cubic-bezier(.16,1,.3,1)}.blog-modal-close{position:absolute;top:20px;right:20px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);z-index:10}.blog-modal-close:hover{background:#f1f5f9;color:var(--color-text-primary)}.blog-modal-hero{height:300px;position:relative;background:#f1f5f9}.blog-modal-hero img{width:100%;height:100%;object-fit:cover}.blog-modal-body{padding:40px}.blog-modal-meta{display:flex;gap:16px;font-size:.8rem;color:var(--color-text-muted);margin-bottom:16px}.blog-modal-title{font-size:2.25rem;color:var(--color-text-primary);margin-bottom:24px;line-height:1.25}.blog-modal-text{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.7}.blog-modal-text p{margin-bottom:20px}.blog-modal-text h3{font-size:1.4rem;color:var(--color-text-primary);margin-top:32px;margin-bottom:12px}.blog-modal-text ul,.blog-modal-text ol{margin-left:24px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}@media (max-width: 767px){.resources-page{padding:24px 16px 48px}.resources-hero{padding:40px 16px;border-radius:var(--radius-lg);margin-bottom:24px}.resources-hero h1{font-size:1.85rem}.resources-hero p{font-size:.95rem;line-height:1.55}.resources-nav-tabs{top:56px;margin-bottom:32px;padding:4px;border-radius:24px;display:flex;justify-content:flex-start;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:100%}.resources-nav-tabs::-webkit-scrollbar{display:none}.resources-tab-btn{padding:8px 16px;font-size:.85rem;flex-shrink:0}.resources-section{scroll-margin-top:120px;margin-bottom:40px;padding-bottom:32px}.section-header{margin-bottom:20px;gap:10px}.section-header h2{font-size:1.5rem}.section-icon-wrap{width:36px;height:36px;border-radius:10px}.section-icon-wrap svg{width:18px!important;height:18px!important}.methodology-summary-card{padding:20px;border-radius:var(--radius-lg);margin-bottom:24px}.methodology-summary-card h3{font-size:1.15rem}.methodology-summary-card p{font-size:.9rem;line-height:1.5}.methodology-card{padding:20px;border-radius:var(--radius-lg)}.offset-intro{font-size:.95rem;line-height:1.5;margin-bottom:24px}.offset-box{padding:20px;border-radius:var(--radius-lg)}.offset-box h3{font-size:1.15rem;margin-bottom:16px}.blog-modal-content{max-height:90vh;border-radius:var(--radius-lg)}.blog-modal-hero{height:200px}.blog-modal-body{padding:20px 16px}.blog-modal-title{font-size:1.5rem;margin-bottom:16px;line-height:1.3}.blog-modal-text{font-size:.95rem;line-height:1.6}}.about-page{max-width:var(--container-max, 1200px);margin:0 auto;padding:40px 24px 80px;animation:fadeIn var(--transition-normal) forwards}.about-hero{text-align:center;padding:80px 24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:48px;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 20%,rgba(var(--color-2-rgb),.15) 0%,transparent 60%);pointer-events:none}.about-hero h1{font-size:3rem;color:var(--color-text-primary);margin-bottom:16px;line-height:1.25}.about-hero .gradient-title{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-hero p{font-size:1.15rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.about-section{scroll-margin-top:140px;margin-bottom:64px;padding-bottom:48px;border-bottom:1px solid rgba(0,0,0,.05)}.about-nav-tabs{position:sticky;top:64px;z-index:30;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(76,174,79,.15);border-radius:50px;display:flex;justify-content:center;gap:12px;padding:6px;margin-bottom:60px;box-shadow:var(--shadow-md);max-width:600px;margin-left:auto;margin-right:auto}.about-tab-btn{background:transparent;border:none;padding:10px 24px;border-radius:40px;font-family:var(--font-primary);font-size:.95rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.about-tab-btn:hover{color:var(--color-1);background:rgba(var(--color-1-rgb),.05)}.about-tab-btn.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--color-1-rgb),.2)}.about-section:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:40px}.about-section-title{font-size:2.25rem;color:var(--color-text-primary);text-align:center;margin-bottom:40px}.about-pillars-grid{display:grid;grid-template-cols:1fr;gap:28px}@media (min-width: 768px){.about-pillars-grid{grid-template-cols:repeat(3,1fr)}}.pillar-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px 28px;transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.pillar-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.pillar-icon-wrap{width:60px;height:60px;border-radius:50%;background:rgba(var(--color-1-rgb),.08);color:var(--color-1);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.pillar-card:hover .pillar-icon-wrap{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--color-1-rgb),.2)}.pillar-card h3{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.pillar-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.science-grid{display:grid;grid-template-cols:1fr;gap:40px;align-items:center}@media (min-width: 992px){.science-grid{grid-template-cols:1.2fr 1fr}}.science-content{display:flex;flex-direction:column;gap:24px}.science-content h3{font-size:1.75rem;color:var(--color-text-primary)}.science-content p{color:var(--color-text-secondary);line-height:1.7;font-size:1.05rem}.science-stats-grid{display:grid;grid-template-cols:1fr 1fr;gap:20px;margin-top:12px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:20px;text-align:center}.stat-number{font-size:2.25rem;font-weight:800;color:var(--color-1);margin-bottom:4px}.stat-label{font-size:.85rem;color:var(--color-text-secondary);font-weight:600}.science-visual{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:320px;overflow:hidden}.science-tree-display{display:flex;flex-direction:column;align-items:center;gap:16px;z-index:2;animation:float 6s ease-in-out infinite}.tree-circle{width:90px;height:90px;border-radius:50%;background:#fff;border:4px solid var(--color-1);color:var(--color-1);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.absorption-badge{background:var(--color-1);color:#fff;padding:8px 18px;border-radius:30px;font-size:1.15rem;font-weight:700;box-shadow:0 4px 10px rgba(var(--color-1-rgb),.2)}.absorption-sub{font-size:.875rem;color:var(--color-text-secondary);font-weight:600;text-align:center}.about-pledge-card{background:radial-gradient(circle at 10% 20%,rgba(var(--color-1-rgb),.05),rgba(var(--color-2-rgb),.05)),#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative}.about-pledge-card h3{font-size:2rem;color:var(--color-text-primary)}.about-pledge-card p{color:var(--color-text-secondary);max-width:600px;font-size:1.05rem;line-height:1.6}.pledge-options-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:12px 0}.pledge-tag{background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.pledge-tag:hover,.pledge-tag.active{border-color:var(--color-1);color:var(--color-1);background:rgba(var(--color-1-rgb),.05)}.about-cta-btn{background:var(--gradient-primary);color:#fff;border:none;padding:16px 36px;border-radius:40px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px rgba(var(--color-1-rgb),.25)}.about-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-1-rgb),.35)}.about-cta-btn svg{transition:transform var(--transition-fast)}.about-cta-btn:hover svg{transform:translate(4px)}@media (max-width: 767px){.about-page{padding:24px 16px 48px}.about-hero{padding:40px 16px;border-radius:var(--radius-lg);margin-bottom:24px}.about-hero h1{font-size:2rem}.about-hero p{font-size:.95rem;line-height:1.5}.about-nav-tabs{top:56px;margin-bottom:32px;padding:4px;border-radius:24px;display:flex;justify-content:flex-start;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:100%}.about-nav-tabs::-webkit-scrollbar{display:none}.about-tab-btn{padding:8px 16px;font-size:.85rem;flex-shrink:0}.about-section{scroll-margin-top:120px;margin-bottom:40px;padding-bottom:32px}.about-section-title{font-size:1.6rem;margin-bottom:24px}.pillar-card{padding:24px 20px}.science-content h3{font-size:1.4rem;text-align:center}.science-content p{font-size:.95rem;line-height:1.6;text-align:center}.science-visual{padding:24px;min-height:auto;border-radius:var(--radius-lg)}.about-pledge-card{padding:32px 16px;border-radius:var(--radius-lg);gap:16px}.about-pledge-card h3{font-size:1.5rem}.about-pledge-card p{font-size:.95rem}.pledge-options-row{flex-direction:column;width:100%;gap:10px}.pledge-tag{width:100%;text-align:center;padding:10px 16px}.about-cta-btn{padding:12px 28px;font-size:.95rem;width:100%;justify-content:center}}@media (max-width: 480px){.science-stats-grid{grid-template-cols:1fr;gap:12px}}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;overflow:hidden}.bg-glow-spot-1{position:absolute;top:10%;left:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--color-emerald-rgb),.08) 0%,transparent 80%);filter:blur(80px);pointer-events:none;z-index:0}.bg-glow-spot-2{position:absolute;bottom:10%;right:5%;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--color-teal-rgb),.08) 0%,transparent 80%);filter:blur(90px);pointer-events:none;z-index:0}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.04);padding:16px 0;position:sticky;top:0;z-index:100;background:#070c0980}.header-inner{display:flex;justify-content:space-between;align-items:center}.app-brand{display:flex;align-items:center;gap:10px;cursor:pointer;transition:opacity var(--transition-fast)}.app-brand:hover{opacity:.9}.brand-logo-icon{color:var(--color-emerald);filter:drop-shadow(0 0 8px rgba(var(--color-emerald-rgb),.5))}.brand-text{font-family:var(--font-display);font-size:1.45rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.badge-status{background:rgba(var(--color-emerald-rgb),.08);border:1px solid rgba(var(--color-emerald-rgb),.2);color:var(--color-emerald);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:6px}.badge-status-dot{width:6px;height:6px;background:var(--color-emerald);border-radius:50%;box-shadow:0 0 8px var(--color-emerald)}.app-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 0 60px;z-index:1}.app-footer{border-top:1px solid rgba(255,255,255,.03);padding:24px 0;text-align:center;font-size:.85rem;color:var(--color-text-muted);z-index:1;background:#05080766}.footer-inner{display:flex;flex-direction:column;gap:8px;align-items:center}.footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-emerald)}.header-actions{display:flex;align-items:center;gap:12px}.user-profile-menu{display:flex;align-items:center;gap:10px}.user-info{display:flex;align-items:center;gap:8px;background:rgba(var(--color-emerald-rgb),.05);border:1px solid rgba(var(--color-emerald-rgb),.15);padding:6px 14px;border-radius:20px;font-size:.825rem;font-weight:600;color:var(--color-text-primary)}.user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-header-action{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-family:var(--font-primary);font-size:.825rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn-login{background:var(--gradient-primary);color:#fff;border:none;box-shadow:var(--shadow-sm)}.btn-login:hover{filter:brightness(1.1);box-shadow:0 0 15px rgba(var(--color-emerald-rgb),.25);transform:translateY(-1px)}.btn-history,.btn-challenges{background:#ffffff0a;border-color:#ffffff14;color:var(--color-text-secondary)}.btn-history:hover,.btn-history.active,.btn-challenges:hover,.btn-challenges.active{background:rgba(var(--color-emerald-rgb),.08);border-color:rgba(var(--color-emerald-rgb),.3);color:var(--color-emerald)}.user-profile-dropdown-container{position:relative;display:inline-block;z-index:200}.btn-profile-trigger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(var(--color-emerald-rgb),.08);border:1px solid rgba(var(--color-emerald-rgb),.2);color:var(--color-emerald);cursor:pointer;transition:all var(--transition-fast)}.btn-profile-trigger:hover,.user-profile-dropdown-container.open .btn-profile-trigger{background:rgba(var(--color-emerald-rgb),.15);border-color:rgba(var(--color-emerald-rgb),.4);box-shadow:0 0 12px rgba(var(--color-emerald-rgb),.2);transform:scale(1.05)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:10px;width:220px;background:#0a140ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(var(--color-emerald-rgb),.15);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:16px;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.user-profile-dropdown-container:hover .user-dropdown-menu,.user-profile-dropdown-container.open .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.user-dropdown-info{display:flex;flex-direction:column;gap:4px}.user-dropdown-title{font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);font-weight:700;letter-spacing:.05em}.user-dropdown-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary);word-break:break-all}.dropdown-divider{height:1px;background:#ffffff0f}.btn-dropdown-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 12px;font-size:.8rem;font-weight:700;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.btn-dropdown-action.btn-logout{background:#ef444414;border-color:#ef444433;color:#f87171}.btn-dropdown-action.btn-logout:hover{background:#ef444426;border-color:#ef444459;color:#fff;box-shadow:0 4px 12px #ef444433}.badge-status-dot.offline{background:var(--color-text-muted);box-shadow:0 0 8px var(--color-text-muted)}@media (min-width: 1024px){.app-header{padding:10px 0}.app-main{padding:12px 0 16px}.app-footer{padding:12px 0}}