:root{--ink:#102139;--muted:#65748a;--line:#dce4ed;--gold:#d7a93d;--blue:#2457e6;--state:#94a3b8;--soft:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:#edf2f6;color:var(--ink);font:16px/1.5 Inter,Arial,sans-serif}.shell{max-width:1240px;margin:auto;background:#fff;min-height:100vh}.hero{position:relative;overflow:hidden;padding:28px 54px 48px;background:linear-gradient(130deg,#091a2d,#17365c);color:#fff}.hero:after{content:"";position:absolute;width:470px;height:470px;border:70px solid #ffffff0b;border-radius:50%;right:-150px;top:-260px}.brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff26;padding-bottom:22px}.brand span{font-weight:900;letter-spacing:2px}.brand b{font-size:12px;color:#f1c358;letter-spacing:2px}.hero-copy{max-width:730px;padding-top:52px}.eyebrow,.section-title span,.result-kicker,.recommendation>span{color:#dbae42;font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font:700 clamp(36px,5vw,62px)/1.03 Georgia,serif;margin:14px 0 17px}.hero p{max-width:680px;color:#d0dbe8;font-size:18px}.formula{position:absolute;right:54px;bottom:48px;width:280px;padding:20px;border:1px solid #ffffff35;border-radius:17px;background:#ffffff0d;backdrop-filter:blur(12px)}.formula span,.formula small{display:block;color:#bfcddd}.formula b{display:block;font-size:20px;margin:5px 0}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:30px 40px;background:var(--soft)}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 40px #17324f0c}.form-panel{padding:26px}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.panel-head>div{display:flex;gap:12px}.panel-head h2{margin:0}.panel-head p{margin:5px 0;color:var(--muted);font-size:13px}.step{width:31px;height:31px;display:grid;place-items:center;background:#102139;color:#fff;border-radius:50%;font-size:11px;font-weight:900}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.fields label{position:relative;border:1px solid var(--line);border-radius:13px;padding:10px 13px;background:#fbfcfe}.fields label>span{display:block;color:var(--muted);font-size:11px;font-weight:800}.fields input{border:0;outline:0;width:100%;padding:5px 0 0;background:transparent;color:var(--ink);font-size:21px;font-weight:800}.fields small{color:#9aa7b7}.unit{display:flex;align-items:center}.unit i{font-style:normal;color:var(--muted)}.primary{width:100%;border:0;border-radius:13px;padding:16px 18px;background:#102139;color:#fff;font-size:16px;font-weight:800;display:flex;justify-content:space-between}.upload{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;padding:15px;background:#f4f7fa;border-radius:13px}.upload div span{display:block;color:var(--muted);font-size:12px}.upload-btn{white-space:nowrap;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font-weight:700;font-size:13px}.file-status{margin-top:12px;padding:11px;border-radius:9px;background:#edf5ff;color:#2457e6}.result-panel{min-height:540px;padding:28px;position:relative;overflow:hidden}.result-panel.idle .result-content{display:none}.result-panel:not(.idle) .empty-result{display:none}.empty-result{height:100%;min-height:480px;display:grid;place-content:center;text-align:center;color:var(--muted)}.battery-icon{width:110px;height:160px;border:8px solid #dfe7f0;border-radius:50px;margin:auto auto 20px;position:relative}.battery-icon:after{content:"";position:absolute;width:35px;height:9px;background:#dfe7f0;top:-16px;left:29px;border-radius:5px}.battery-icon i{position:absolute;inset:auto 8px 8px;height:40%;background:linear-gradient(#9fc2ff,#2457e6);border-radius:0 0 33px 33px}.result-top{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:20px}.result-top>div:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.result-top h2,.result-top p{grid-column:1/-1}.result-top h2{font:700 34px/1.05 Georgia,serif;margin:16px 0 8px;color:var(--state)}.result-top p{color:var(--muted);margin:0}.gauge{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--state) calc(var(--score,0)*1%),#e8edf3 0);position:relative;transition:1.4s cubic-bezier(.2,.8,.2,1)}.gauge:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.gauge>div{z-index:1}.gauge strong{font-size:44px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.metrics article{padding:14px;border:1px solid var(--line);border-radius:13px}.metrics span,.context span{display:block;color:var(--muted);font-size:11px;font-weight:800}.metrics b{display:block;margin:5px 0}.metrics i{display:block;height:6px;background:#e7ecf2;border-radius:8px;overflow:hidden}.metrics em{display:block;height:100%;width:0;background:var(--state);transition:1.2s}.metrics small{display:block;margin-top:7px;color:var(--muted)}.context{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0;border:1px solid var(--line);border-radius:13px}.context div{padding:12px}.context div+div{border-left:1px solid var(--line)}.recommendation{padding:16px;border-left:4px solid var(--state);background:#f7f9fb}.recommendation h3{margin:4px 0;color:var(--state)}.recommendation p{margin:0;color:var(--muted)}details{margin-top:15px}summary{font-weight:700;cursor:pointer}.explain{padding:65px 50px}.section-title{max-width:720px}.section-title h2{font:700 38px/1.1 Georgia,serif}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards article{padding:20px;border:1px solid var(--line);border-radius:15px}.cards p,.disclaimer{color:var(--muted)}.disclaimer{margin-top:24px;padding:17px;background:#f5f7fa;border-radius:12px}@media(max-width:850px){.hero{padding:22px 22px 36px}.hero-copy{padding-top:38px}.formula{position:relative;right:auto;bottom:auto;width:auto;margin-top:28px}.workspace{grid-template-columns:1fr;padding:16px}.panel-head{display:block}.fields{grid-template-columns:1fr}.upload{align-items:stretch;flex-direction:column}.upload-btn{text-align:center}.result-panel{min-height:auto}.result-top{grid-template-columns:1fr}.gauge{margin:auto}.metrics{grid-template-columns:1fr}.context{grid-template-columns:1fr}.context div+div{border-left:0;border-top:1px solid var(--line)}.explain{padding:45px 22px}.cards{grid-template-columns:1fr}.brand{align-items:start;gap:12px;flex-direction:column}.hero h1{font-size:39px}}