*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#0b0d11;--dark:#111318;--card:#161a21;--card2:#1c212a;--border:#242a35;--border-soft:#1e232c;--accent:#34c9e6;--accent-strong:#12b7d6;--accent2:#ff7a33;--green:#2ecf7f;--text:#e6e9ef;--muted:#808a9c;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--icon-stroke:1.75}html{scroll-behavior:smooth}body{background:var(--black);color:var(--text);font-family:var(--font-body);min-height:100vh;font-size:18px;font-weight:400;line-height:1.6}#root{min-height:100vh}.hero{text-align:center;border-bottom:1px solid var(--border-soft);background:linear-gradient(#0e1117 0%,#0c1016 100%);padding:68px 20px 46px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 50% -20%,#34c9e60f 0%,#0000 65%);position:absolute;inset:0}.hero-logo{object-fit:contain;width:84px;height:84px;margin-bottom:20px}.hero-tag{border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;background:0 0;border-radius:100px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 15px;font-size:12.5px;font-weight:600;display:inline-flex}.hero-tag:before{content:"";background:var(--green);border-radius:50%;width:6px;height:6px}.hero h1{font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:10px;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:900;line-height:1.05}.hero h1 span{color:var(--accent)}.hero-sub{font-family:var(--font-display);color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:600}.hero-author{color:var(--muted);margin-bottom:8px;font-size:1.2rem}.hero-author strong{color:var(--text)}.hero-bizum{color:#ffb380;background:#25141a;border:1px solid #ff6b1a40;border-radius:8px;margin-top:10px;padding:10px 20px;font-size:1.1rem;display:inline-block}.app-container{max-width:860px;margin:0 auto;padding:0 16px 80px}.section-label{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--accent);border-radius:2px;width:18px;height:2px}.section-label:after{content:"";background:var(--border-soft);flex:1;height:1px}.form-card{background:var(--card);border:1px solid var(--border-soft);border-radius:14px;margin-bottom:14px;padding:24px 26px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=580px){.grid-2{grid-template-columns:1fr}}.field{flex-direction:column;gap:8px;display:flex}.field label{letter-spacing:0;text-transform:none;color:var(--text);font-size:.95rem;font-weight:600}.field input,.field select{background:var(--card2);border:1px solid var(--border);color:var(--text);font-family:var(--font-body);appearance:none;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.field input:focus,.field select:focus{border-color:var(--accent)}.field .hint{color:var(--muted);margin-top:2px;font-size:.9rem}.radio-group{gap:10px;display:flex}.radio-opt{background:var(--card2);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:8px;padding:11px 16px;font-size:.95rem;transition:border-color .2s,background .2s;display:flex}.radio-opt.active{border-color:var(--accent);color:var(--accent);background:#34c9e614}.radio-dot{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:14px;height:14px;transition:border-color .2s,background .2s}.radio-opt.active .radio-dot{border-color:var(--accent);background:var(--accent)}.tab-group{flex-wrap:wrap;gap:8px;display:flex}.tab-btn{border:1px solid var(--border);background:var(--card2);color:var(--muted);font-family:var(--font-display);letter-spacing:.5px;cursor:pointer;border-radius:8px;padding:9px 18px;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--black)}.results-card{background:var(--card);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:28px;position:relative;overflow:hidden}.results-title{font-family:var(--font-display);letter-spacing:.5px;color:var(--text);align-items:center;gap:11px;margin-bottom:22px;font-size:1.5rem;font-weight:800;display:flex}.title-icon{flex-shrink:0}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.metric{background:var(--card2);border:1px solid var(--border-soft);text-align:center;border-radius:12px;padding:18px 16px}.metric-value{font-family:var(--font-display);color:var(--accent);margin-bottom:8px;font-size:2rem;font-weight:800;line-height:1}.metric-label{letter-spacing:.2px;text-transform:none;color:var(--muted);font-size:.82rem;font-weight:500}.terrain-section{margin-top:8px}.terrain-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:.95rem;font-weight:600}.terrain-row{background:var(--card2);border-radius:10px;align-items:center;gap:14px;margin-bottom:10px;padding:10px 14px;display:flex}.terrain-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;display:inline-flex}.terrain-name{color:var(--text);flex-shrink:0;width:74px;font-size:1rem;font-weight:600}.terrain-bar-wrap{background:#ffffff0d;border-radius:4px;flex:1;height:8px;overflow:hidden}.terrain-bar{border-radius:4px;height:100%;transition:width .6s}.terrain-watts{font-family:var(--font-display);text-align:right;width:80px;font-size:1rem;font-weight:700}.terrain-wkg{color:var(--muted);text-align:right;width:70px;font-size:.9rem}.cta-card{background:linear-gradient(180deg, var(--card) 0%, #13171e 100%);border:1px solid var(--border);text-align:center;border-radius:16px;margin-bottom:14px;padding:40px 32px}.cta-card h2{font-family:var(--font-display);letter-spacing:.3px;margin-bottom:10px;font-size:2.1rem;font-weight:800}.cta-card p{color:var(--muted);max-width:460px;margin-bottom:26px;margin-left:auto;margin-right:auto;font-size:1.05rem}.services-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:30px;display:grid}.service-item{background:var(--card2);border:1px solid var(--border-soft);border-radius:12px;align-items:flex-start;gap:13px;padding:16px;font-size:.88rem;display:flex}.service-icon{color:var(--accent);flex-shrink:0;display:inline-flex}.service-text{color:var(--muted);line-height:1.45}.service-text strong{color:var(--text);margin-bottom:3px;font-size:.95rem;font-weight:600;display:block}.cta-btn{background:var(--green);color:#04140b;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;border-radius:12px;align-items:center;gap:10px;padding:15px 34px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px #0000004d}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0006}.share-btn{background:var(--accent2);color:#1a0d04;width:100%;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:1.05rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #0000004d}.share-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0006}.share-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.share-btn:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.progress-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:14px;padding:18px 22px}.progress-card__title{font-family:var(--font-display);letter-spacing:.3px;color:var(--text);align-items:center;gap:9px;margin-bottom:12px;font-size:1.05rem;font-weight:700;display:flex}.progress-card__title .title-icon{color:var(--accent)}.progress-row{border-top:1px solid var(--border-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:9px 0;font-size:.95rem;display:flex}.progress-row:first-of-type{border-top:none}.progress-row strong{color:var(--text)}.progress-delta{align-items:center;gap:3px;font-weight:700;display:inline-flex}.progress-delta--up{color:var(--green)}.progress-delta--down{color:#ff7a6b}.progress-delta--flat{color:var(--muted)}.progress-note{color:var(--muted);margin-top:10px;font-size:.8rem}.install-pwa{flex-direction:column;align-items:center;gap:10px;margin-top:22px;display:flex}.install-btn{background:var(--accent2);color:#0a0a0a;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:13px 28px;font-size:1rem;font-weight:900;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 18px #0000004d}.install-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0006}.install-btn:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.install-btn--outline{color:var(--accent2);box-shadow:none;background:0 0;border:1px solid #ff7a3380}.install-btn--outline:hover{box-shadow:none;background:#ff7a3314;transform:translateY(-2px)}.install-guide{background:var(--card);border:1px solid var(--border);text-align:left;border-radius:14px;max-width:340px;margin-top:14px;padding:18px 20px;animation:.2s fadeIn}.install-guide__title{font-family:var(--font-display);letter-spacing:.5px;color:var(--accent2);text-transform:uppercase;margin:0 0 14px;font-size:.9rem;font-weight:700}.install-guide__steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.install-guide__steps li{color:var(--muted);align-items:flex-start;gap:12px;font-size:.88rem;line-height:1.45;display:flex}.install-guide__steps li strong{color:var(--text)}.install-guide__step-icon{background:var(--accent2);color:#0a0a0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.72rem;font-weight:900;display:inline-flex}.install-guide__symbol{vertical-align:-3px;color:var(--accent2);margin:0 2px;display:inline-block}.install-guide__note{color:var(--muted);border-top:1px solid var(--border);margin:12px 0 0;padding-top:10px;font-size:.78rem}@keyframes slide-up{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.reload-prompt{background:var(--card);border:1px solid var(--border);z-index:9999;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 32px);padding:14px 18px;animation:.3s slide-up;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0009}.reload-prompt__text{color:var(--text);align-items:center;gap:10px;font-size:.9rem;display:flex}.reload-prompt__icon{color:var(--accent2);flex-shrink:0}.reload-prompt__sub{color:var(--muted)}.reload-prompt__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.reload-prompt__btn{cursor:pointer;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:transform .12s,box-shadow .12s}.reload-prompt__btn--update{background:var(--accent2);color:#1a0d04}.reload-prompt__btn--update:hover{transform:translateY(-1px)}.reload-prompt__btn--dismiss{background:var(--card2);color:var(--muted);align-items:center;padding:8px 10px;display:inline-flex}.reload-prompt__btn--dismiss:hover{color:var(--text)}@media (width<=540px){.reload-prompt{flex-direction:column;align-items:flex-start;gap:12px;bottom:16px}.reload-prompt__sub{display:none}}.results-card.nutrition{border-left:3px solid var(--accent2)}.nutrition-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px;display:grid}@media (width<=580px){.nutrition-grid{grid-template-columns:1fr}}.alert-card{color:#ffd166;background:#191409;border:1px solid #ffb4004d;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px 18px;font-size:.95rem;line-height:1.5;display:flex}.alert-card svg{flex-shrink:0;margin-top:2px}.faq-section{margin-bottom:24px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:20px 24px}.faq-q{cursor:pointer;text-align:left;width:100%;font-family:var(--font-display);color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;font-size:1.05rem;font-weight:700;display:flex}.faq-chevron{color:var(--accent);flex-shrink:0;font-size:1.4rem;font-weight:900;line-height:1}.faq-a{color:var(--muted);font-size:1rem;line-height:1.6}footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);padding:24px 16px;font-size:1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.45s both fadeUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}