body{background:#f7faf5;color:#0f1720;overflow-x:hidden}
main{position:relative;isolation:isolate;padding-bottom:28px}
main::before{content:"";position:absolute;z-index:-1;top:-220px;right:-310px;width:1080px;height:1080px;border:1px solid rgba(137,222,65,.24);border-radius:50%;box-shadow:0 0 0 112px rgba(199,245,69,.075),0 0 0 220px rgba(199,245,69,.04);background:radial-gradient(circle at 45% 48%,rgba(199,245,69,.14),rgba(233,248,218,.1) 42%,transparent 70%)}
.w{width:min(1468px,calc(100% - 96px))}
.hero{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr);gap:72px;align-items:end;padding:66px 0 44px}
.hero>div:first-child{max-width:980px}
.tag{color:#087246;font-size:12px;font-weight:850;letter-spacing:.12em}
h1{max-width:900px;margin:14px 0 22px;font-size:clamp(58px,5.1vw,86px);line-height:.94;letter-spacing:-.065em}
.hero p{max-width:770px;margin:0;color:#64748b;font-size:18px;line-height:1.58}
.note{margin-bottom:4px;padding:3px 0 3px 22px;border-left:3px solid #c7f545;color:#173025;font-size:15px;line-height:1.25}
.card{border:1px solid #dce6dc;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 14px 42px rgba(15,46,35,.045);backdrop-filter:blur(8px)}
form>.card{padding:26px}
.head{margin-bottom:20px}
.head h2{font-size:19px;font-weight:800;letter-spacing:-.02em}
.reset{padding:7px 10px;border-radius:8px;color:#64748b;text-decoration:none;transition:background .2s,color .2s}
.reset:hover{background:#eef6e8;color:#0f6b45}
.fields{gap:14px}
label{min-height:88px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:14px 16px;border-color:#dce4dc;border-radius:13px;background:#fbfdfa;color:#64748b;font-size:12px;line-height:1.25;text-align:left;transition:border-color .2s,box-shadow .2s,background .2s}
label:hover{border-color:#bdd3c3;background:#fff}
label:focus-within{border-color:#8bd43f;background:#fff;box-shadow:0 0 0 4px rgba(199,245,69,.18)}
input{display:block;width:100%;min-width:0;padding:0;text-align:left;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2;color:#0f1720}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.markets{gap:26px;margin-top:26px}
.market{position:relative;overflow:hidden;padding:28px}
.market-title{gap:12px}
.logo{display:block;width:38px;height:38px;overflow:hidden;border-radius:11px;background:transparent;box-shadow:0 8px 20px rgba(15,23,32,.12)}
.logo img{display:block;width:100%;height:100%;object-fit:cover}
.results{padding:78px 0 34px}
.results-head{margin-bottom:26px}
.results-head h2{font-size:38px;letter-spacing:-.04em}
.results-head p{color:#64748b;font-size:15px}
.summary{gap:26px}
.result{padding:30px}
.result.winner{border:2px solid #1e7a50;box-shadow:0 20px 55px rgba(15,46,35,.1)}
.winner-label{padding:9px 14px;border-radius:0 18px 0 12px;background:#c7f545;color:#123024;letter-spacing:.06em}
.status{padding:7px 11px;background:#e9f8db;color:#0f6b45}
.status.risk{background:#fff0d2;color:#8a5a00}
.big{margin:30px 0}
.big span,.metric span{color:#64748b}
.big strong{font-size:40px;font-variant-numeric:tabular-nums}
.metrics{border-color:#dce6dc}
.metric{padding:17px 0;border-color:#dce6dc}
.metric:nth-child(even){border-color:#dce6dc}
.metric strong{font-variant-numeric:tabular-nums}
.radar{margin-top:22px;padding:15px;border-radius:12px;background:#0f432f;transition:transform .2s,background .2s}
.radar:hover{background:#15583e;transform:translateY(-1px)}
.comparison{margin-top:26px;padding:10px 14px;border-radius:20px}
.tr{padding:16px 18px;border-color:#e3e9e3}
.tr:first-child{border-radius:12px;background:#f1f7ed;color:#64748b}
.tr span:not(:first-child){font-variant-numeric:tabular-nums}
.verdict{margin-top:26px;padding:30px;border:0;background:linear-gradient(135deg,#0f432f,#0a3024);box-shadow:0 20px 56px rgba(15,46,35,.18)}
.check{width:56px;height:56px;background:#c7f545;box-shadow:0 0 28px rgba(199,245,69,.25)}
.verdict h2{font-size:24px}
.fine{padding-bottom:52px;color:#64748b}
@media(max-width:1280px){.w{width:min(1180px,calc(100% - 48px))}.hero{gap:44px}}
@media(max-width:900px){main::before{right:-680px}.w{width:calc(100% - 32px)}.hero,.markets,.summary{grid-template-columns:1fr}.hero{gap:28px;padding-top:48px}.note{max-width:480px}.fields{grid-template-columns:1fr 1fr}.results-head{display:grid;gap:14px}}
@media(max-width:560px){.w{width:calc(100% - 24px)}.hero{padding:38px 0 28px}h1{font-size:46px}.hero p{font-size:16px}.fields,.market .fields{grid-template-columns:1fr}form>.card,.market,.result,.verdict{padding:20px}.results{padding-top:52px}.head{align-items:flex-start;flex-direction:column;gap:6px}.head h2{white-space:nowrap;font-size:17px}.head .reset{align-self:flex-end;padding:4px 0;text-align:right}.result.winner{padding-top:62px}.comparison{overflow:visible;padding:8px}.table{min-width:0;width:100%}.tr{grid-template-columns:minmax(0,1.45fr) minmax(70px,.8fr) minmax(64px,.72fr);gap:8px;padding:14px 12px;align-items:center}.tr:first-child{font-size:10px}.tr span{min-width:0;font-size:12px;line-height:1.25}.tr span:first-child{overflow-wrap:anywhere}.tr span:not(:first-child){font-size:12px;white-space:nowrap}}
