*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef4f9;color:#102033;font:16px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}body.dark{background:#08101c;color:#eef5ff}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.site{min-height:100vh;background:radial-gradient(circle at 5% 0,#d7f7ed 0,transparent 26%),radial-gradient(circle at 95% 5%,#d9e9ff 0,transparent 30%)}body.dark .site{background:radial-gradient(circle at 5% 0,#07313a 0,transparent 26%),radial-gradient(circle at 95% 5%,#0e244a 0,transparent 30%)}.container{max-width:1340px;margin:auto;padding:18px}.nav{position:sticky;top:10px;z-index:50;max-width:1340px;margin:12px auto 0;padding:11px 15px;border:1px solid #ffffffaa;background:#ffffffbb;backdrop-filter:blur(20px);border-radius:22px;box-shadow:0 18px 50px #244d7a18;display:flex;align-items:center;gap:14px}.dark .nav{background:#0f1a2bbb;border-color:#ffffff14}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brandmark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#0752aa,#2a9dff);color:#fff;font-weight:1000;font-size:25px;box-shadow:0 10px 28px #0758b844}.brand b{display:block;font-size:20px}.brand small{display:block;color:#718197;font-size:11px}.nav nav{display:flex;gap:5px;flex-wrap:wrap}.navlink{padding:9px 12px;border-radius:12px;color:#596b82;font-weight:800}.dark .navlink{color:#aebcd0}.navlink:hover,.navlink.active{background:#e6f0fc;color:#0758b8}.dark .navlink:hover,.dark .navlink.active{background:#142a45;color:#73b7ff}.icon{border:1px solid #d8e1eb;background:#fff;border-radius:12px;padding:9px 11px;cursor:pointer}.dark .icon{background:#132035;color:#fff;border-color:#ffffff16}.hero{display:grid;grid-template-columns:1.45fr .8fr;gap:20px;align-items:center;padding:42px;border-radius:34px;background:linear-gradient(135deg,#064b9e,#178fe8);color:#fff;box-shadow:0 30px 80px #0758b833;overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:340px;height:340px;border-radius:50%;right:-100px;top:-130px;background:#8dffe566;filter:blur(5px)}.eyebrow{font-size:12px;font-weight:1000;letter-spacing:.15em;opacity:.8}.hero h1{font-size:clamp(34px,6vw,66px);line-height:1.02;margin:9px 0}.hero p{font-size:18px;max-width:720px;opacity:.9}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,#0a64d6,#1a8eea);color:#fff;box-shadow:0 12px 28px #0758b833}.light{background:#fff;color:#164984}.soft{background:#ffffff22;color:inherit;border:1px solid #ffffff2f}.panel{background:#ffffffc9;border:1px solid #ffffffb8;backdrop-filter:blur(18px);border-radius:24px;box-shadow:0 20px 65px #244d7a12}.dark .panel,.dark .card{background:#101c2dcc;border-color:#ffffff12}.card{background:#ffffffdc;border:1px solid #fff;border-radius:22px;padding:21px;box-shadow:0 18px 55px #244d7a12}.section{margin-top:28px}.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}.sectionHead h2{margin:0;font-size:30px}.muted{color:#687a91}.dark .muted{color:#9eafc3}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.category{min-height:210px;display:flex;flex-direction:column}.catIcon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#eaf4ff,#d7eaff);color:#0758b8;font-weight:1000;font-size:23px;margin-bottom:14px}.dark .catIcon{background:#163050;color:#80bfff}.category h3{margin:0 0 7px;font-size:19px}.category p{color:#687a91;margin:0 0 15px}.category .btn{margin-top:auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px}.stat{padding:13px 14px;border-radius:16px;background:#ffffff18;border:1px solid #ffffff25}.stat b{display:block;font-size:26px}.featureIcon{font-size:25px}.selector{padding:28px}.choiceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.choice{padding:20px;text-align:left;border:2px solid #e2eaf3;background:#fff;border-radius:20px;cursor:pointer;transition:.18s}.dark .choice{background:#101c2d;color:#eef;border-color:#ffffff12}.choice:hover{transform:translateY(-3px);border-color:#2b8bea;box-shadow:0 15px 35px #0758b81a}.choice h3{margin:0 0 5px}.choice p{margin:0;color:#718197}.footer{text-align:center;color:#718197;padding:35px 10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#101b2b;color:#fff;padding:13px 18px;border-radius:14px;z-index:100;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.testShell{max-width:980px;margin:auto}.testTop{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.progress{height:10px;background:#dce6f0;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0758b8,#2aa4ff)}.qcard{margin-top:14px}.qtext{font-size:30px;font-weight:950;line-height:1.35;margin:20px 0}.opts{display:grid;gap:11px}.opt{width:100%;padding:16px;text-align:left;border:2px solid #e0e8f0;background:#fff;border-radius:17px;cursor:pointer}.dark .opt{background:#101c2c;color:#fff;border-color:#ffffff12}.opt:hover{border-color:#2b8bea;transform:translateY(-1px)}.opt:disabled{opacity:.55}.result{text-align:center;padding:30px}.score{font-size:84px;font-weight:1000;color:#0758b8}.resultGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.resultBox{padding:14px;background:#f2f6fa;border-radius:15px}.dark .resultBox{background:#132238}.resultBox b{display:block;font-size:25px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #dfe7ef;text-align:left}.dark .table th,.dark .table td{border-color:#ffffff12}.rank{font-size:22px;font-weight:1000;color:#0758b8}.form{max-width:620px;margin:auto}.field{margin:14px 0}.field label{display:block;font-weight:900;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #d9e3ed;border-radius:13px;background:#fff;color:#102033}.dark .field input,.dark .field select,.dark .field textarea{background:#0e1928;color:#fff;border-color:#ffffff15}.empty{text-align:center;padding:50px}.adminNav{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.adminNav a{padding:9px 12px;background:#e8f0fa;border-radius:11px;font-weight:800}.dark .adminNav a{background:#14253b}.adminGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.num{font-size:31px;font-weight:1000;color:#0758b8}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.grid3,.choiceGrid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.nav nav{display:none}.adminGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.container{padding:10px}.nav{margin:7px 7px 0}.hero{padding:25px;border-radius:26px}.grid,.grid3,.choiceGrid,.stats,.resultGrid,.adminGrid{grid-template-columns:1fr}.qtext{font-size:23px}.score{font-size:64px}.card{padding:17px}}