:root{--bg:#06111b;--panel:#0b1b27;--panel2:#081721;--line:#1a4058;--text:#f6f8fb;--muted:#8ea4b4;--blue:#08a9ff;--cyan:#41d8ff;--green:#42d373;--amber:#f2aa2f;--red:#ef6464}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 82% 4%,rgba(0,153,224,.13),transparent 28%),linear-gradient(#05101a,#071722 55%,#06111b);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
.header{height:74px;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1160px)/2));border-bottom:1px solid #17354a;background:rgba(4,14,23,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.mark{font-size:28px;color:var(--cyan)}.brand b,.brand em{display:block;font-style:normal;line-height:.88;letter-spacing:.05em}.brand em{color:var(--blue)}.v2{margin-left:auto;border:1px solid #21506b;background:#0b2231;color:#7bdcff;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800}
main{width:min(1160px,calc(100% - 28px));margin:auto}.hero{padding:64px 0 38px;display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:end}.eyebrow{display:block;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}.hero h1{font-size:clamp(48px,7vw,84px);line-height:.92;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 18px}.hero h1 span{color:var(--blue)}.hero p{color:#aec0cb;line-height:1.65;font-size:17px;max-width:740px}.rules{background:#091b27;border:1px solid #1c435a;border-radius:16px;padding:18px}.rules b,.rules span{display:block}.rules span{color:#9eb1bd;margin-top:10px;font-size:12px}.rules i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.low{background:var(--red)}.mid{background:var(--amber)}.high{background:var(--green)}
.panel{background:linear-gradient(180deg,rgba(12,31,44,.97),rgba(8,22,32,.97));border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #1d4055}.tab{padding:16px;border:0;border-bottom:2px solid transparent;background:none;color:#8097a7;font-weight:900;cursor:pointer}.tab.active{color:var(--cyan);border-color:var(--cyan)}.tabpage{display:none;padding:22px}.tabpage.active{display:block}
.upload-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.dropzone{position:relative;min-height:500px;border:1.5px dashed #198ec4;border-radius:15px;background:#06141e;display:grid;place-items:center;text-align:center;cursor:pointer;overflow:hidden}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.up{font-size:62px;color:var(--cyan)}.dropzone strong,.dropzone span,.dropzone small{display:block}.dropzone span{color:var(--cyan);margin-top:8px}.dropzone small{color:var(--muted);margin-top:18px}.dropzone img{display:none;width:100%;height:500px;object-fit:contain;background:#02070a}.context{border:1px solid #183c51;border-radius:14px;padding:18px;background:#071721}label{display:block;color:#c7d4dc;font-size:12px;margin-top:13px}input,select,textarea{width:100%;margin-top:6px;background:#08131c;border:1px solid #26485c;color:white;border-radius:9px;padding:11px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#22afea;box-shadow:0 0 0 3px rgba(34,175,234,.1)}.cta{width:100%;border:0;border-radius:10px;padding:14px;margin-top:16px;background:linear-gradient(90deg,#058df2,#10baf2);color:white;font-weight:950;cursor:pointer}.cta:disabled{opacity:.35;cursor:not-allowed}.secondary{background:#0a3044;border:1px solid #149fd7}.status{font-size:12px;color:#96abb9;line-height:1.5;margin-top:10px}.video-placeholder{min-height:280px;display:grid;place-items:center;text-align:center;color:#90a5b4}.video-placeholder h2{color:white;margin-bottom:0}.video-placeholder p{max-width:600px;line-height:1.6}
.result{display:grid;grid-template-columns:1.45fr .55fr;gap:18px;margin-top:18px}.hidden{display:none!important}.result-main,.questions{padding:22px}.result-head{display:flex;justify-content:space-between;gap:14px}.result-head h2{font-size:28px;margin:0}.pill{font-weight:950;padding:8px 12px;height:max-content;border-radius:99px;background:#122e3e}.meter{height:10px;background:#153143;border-radius:99px;overflow:hidden;margin:17px 0 20px}.meter div{height:100%;width:0;transition:width .4s}.verdict{border-left:3px solid var(--blue);background:#081722;padding:15px;border-radius:0 12px 12px 0;line-height:1.55}.verdict strong{font-size:22px;display:block}.verdict small{color:#91a8b7}.cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.cols h3,.explain h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#b8c9d4}.cols ul{padding-left:19px;color:#b3c5d0;line-height:1.65}.candidate{border:1px solid #1b3a4c;background:#071721;border-radius:10px;padding:11px;margin-bottom:8px}.candidate b,.candidate small{display:block}.candidate small{color:#8299a8;margin-top:4px}.explain{border-top:1px solid #1c3a4c;margin-top:20px;padding-top:12px}.explain p{color:#a7bac6;line-height:1.65}.questions p{color:#9db0bc;line-height:1.55}.question{background:#071721;border:1px solid #19394c;border-radius:10px;padding:10px;margin:8px 0;color:#c9d5dd;font-size:13px}.partners{padding:20px;margin:32px 0}.partner-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.partner-row>div{background:#071721;border:1px solid #21465d;border-radius:12px;min-height:90px;display:grid;place-items:center}.partner-row b{font-size:20px;letter-spacing:.05em}.partner-row small{display:block;color:#6f899a;font-size:10px}footer{border-top:1px solid #153448;color:#718999;text-align:center;padding:24px;font-size:11px}
@media(max-width:820px){.hero,.upload-grid,.result,.cols{grid-template-columns:1fr}.hero{padding-top:38px}.rules{display:none}.dropzone,.dropzone img{min-height:330px;height:330px}.partner-row{grid-template-columns:1fr}.tabpage{padding:14px}.result-main,.questions{padding:17px}}