*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;color:#f1f5f9;min-height:100vh;background:radial-gradient(circle at 10% 0,#4338ca 0,#1e1b4b 45%,#0f172a 100%) fixed}
header{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:14px 20px;background:#0f172a99;backdrop-filter:blur(10px);position:sticky;top:0}
header b{font-size:1.2rem}header span{color:#fbbf24}nav{display:flex;gap:6px}
nav button,.btn,.opt{font:inherit;cursor:pointer;border:0;border-radius:12px;color:#fff;background:#ffffff1f;padding:10px 16px;transition:.15s}
nav button:hover,.opt:hover{background:#ffffff38}
.btn{background:linear-gradient(135deg,#f59e0b,#f97316);font-weight:700;box-shadow:0 6px 18px #f9731655}.btn:hover{transform:translateY(-2px)}
main{max-width:760px;margin:0 auto;padding:22px 16px}
.card{background:#ffffff14;border:1px solid #ffffff22;border-radius:20px;padding:20px;backdrop-filter:blur(8px);margin:14px 0}
.hero{text-align:center;padding:30px 10px}.hero h1{font-size:2rem;margin:0 0 8px}.hero p{opacity:.8}
select,input,textarea{width:100%;font:inherit;padding:11px;border-radius:10px;border:1px solid #ffffff33;background:#0f172a99;color:#fff;margin:6px 0}
.opt{display:block;width:100%;text-align:left;margin:10px 0;padding:14px 16px;font-size:1.02rem}
.opt.ok{background:#16a34a}.opt.no{background:#dc2626}
.bar{height:8px;background:#ffffff22;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:#fbbf24;transition:.3s}
.pct{font-size:4.5rem;font-weight:800;color:#fbbf24;text-align:center}.center{text-align:center}
.wa{background:linear-gradient(135deg,#22c55e,#16a34a)!important}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.name{font-weight:700;font-size:1.1rem}
.pts{display:flex;gap:8px;align-items:center;justify-content:space-between}
.pts button{border:0;border-radius:10px;background:#ffffff2a;color:#fff;font-size:1.1rem;padding:8px 14px;cursor:pointer}
.err{color:#fca5a5}.tag{font-size:.8rem;opacity:.7}
footer{text-align:center;opacity:.6;padding:20px;font-size:.85rem}