*{margin:0;padding:0;box-sizing:border-box}:root{--pink:#ff2f9f;--purple:#7a35ff;--pink2:#ff6bc8;--glass:rgba(255,255,255,.065);--border:rgba(255,255,255,.12)}
body{font-family:Arial,sans-serif;min-height:100vh;color:white;overflow-x:hidden;background:radial-gradient(circle at 10% 8%,rgba(255,47,159,.26),transparent 30%),radial-gradient(circle at 90% 12%,rgba(122,53,255,.28),transparent 34%),linear-gradient(180deg,#13061f,#070812 78%)}
.app{max-width:1420px;margin:auto;padding:20px}.glass{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(18px);border-radius:28px;box-shadow:0 0 34px rgba(255,47,159,.12),inset 0 1px 0 rgba(255,255,255,.06)}
.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap}.logo{width:220px;display:block;filter:drop-shadow(0 0 20px rgba(255,47,159,.38))}
.search{padding:14px 16px;width:250px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:white;outline:none}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav input{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:white;outline:none;max-width:150px}
button{border:0;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--purple));color:white;font-weight:900;cursor:pointer;box-shadow:0 0 20px rgba(255,47,159,.3);transition:.22s}button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,47,159,.42)}
.layout{display:grid;grid-template-columns:220px 1fr 300px;gap:18px}.layout.two{grid-template-columns:220px 1fr}.sidebar{padding:18px;height:calc(100vh - 120px);position:sticky;top:20px}.menuItem{padding:14px;border-radius:16px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:.25s;color:#ddd}.menuItem:hover{background:rgba(255,47,159,.08)}.menuItem.active{background:linear-gradient(135deg,rgba(122,53,255,.5),rgba(255,47,159,.5));box-shadow:0 0 24px rgba(255,47,159,.22)}.menuIcon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple))}
.hero{padding:38px;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;min-height:336px;overflow:hidden}.hero h1{font-size:66px;line-height:.96;margin-bottom:18px;letter-spacing:-2.5px}.hero h1 span{color:var(--pink2);text-shadow:0 0 25px rgba(255,47,159,.68)}.hero p{color:#d0c7dd;font-size:18px;line-height:1.7;margin-bottom:22px;max-width:540px}.heroVisual{display:grid;place-items:center}.heroVisual img{width:100%;max-width:330px;filter:drop-shadow(0 0 34px rgba(255,47,159,.35))}
.pill,.miniPill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);color:#ffd7f0;font-size:13px;font-weight:800}.miniPill{font-size:12px;padding:6px 9px}.heroMeta,.testStats,.pageMeta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.sectionHead{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.sectionHead span{color:#ff71cc;cursor:pointer;font-weight:800}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat{padding:16px 12px;border-radius:24px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center;transition:.25s;cursor:pointer}.cat:hover,.test:hover,.creditCard:hover{transform:translateY(-5px);box-shadow:0 0 28px rgba(255,47,159,.2)}.catIconImg{width:88px;height:88px;object-fit:contain;display:block;margin:auto auto 10px;filter:drop-shadow(0 0 12px rgba(255,47,159,.35))}.cat span{font-weight:900}.cat small{display:block;color:#aaa;margin-top:6px}
.tests,.testGrid,.creditGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.test{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:.25s}.testImg{height:140px;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,rgba(255,95,189,.9),rgba(122,53,255,.45) 50%,rgba(10,8,18,.95) 80%)}.testImg img{width:110px;height:110px;object-fit:contain}.testBody{padding:18px}.testBody h3{margin-bottom:10px}.testBody p{color:#c1b7ce;font-size:14px;line-height:1.55}.price{margin:14px 0;font-size:24px;font-weight:900;color:#ff6dc9}.right{padding:18px}.liveItem{display:flex;gap:12px;align-items:center;padding:13px;border-radius:18px;background:rgba(255,255,255,.06);margin-bottom:12px}.avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--purple))}.userEmail,.creditBadge{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);color:#ff7bd3;font-weight:900;border:1px solid rgba(255,255,255,.1)}
.pageTitle{padding:34px;margin-bottom:20px}.pageTitle h1{font-size:48px;margin-bottom:10px}.pageTitle p{color:#ccc;line-height:1.6}.notice{padding:24px;color:#ddd;line-height:1.7}.notice ul{margin:14px 0 0 22px;line-height:1.8}
.quizWrap{max-width:760px;margin:34px auto}.quizCard{padding:28px}.quizLogo{width:180px;display:block;margin:0 auto 18px}.progress{height:10px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin:22px 0}.bar{height:100%;background:linear-gradient(90deg,var(--pink),var(--purple));width:0%;transition:.25s}.question{font-size:26px;font-weight:900;margin-bottom:16px}.option{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);margin-bottom:12px;cursor:pointer}.option:hover{background:rgba(255,47,159,.16);border-color:#ff63c2}.hidden{display:none}.result{text-align:center}.score{width:160px;height:160px;border-radius:50%;margin:22px auto;display:grid;place-items:center;font-size:42px;font-weight:900;background:conic-gradient(var(--pink) 0 88%,rgba(255,255,255,.12) 88%);box-shadow:0 0 45px rgba(255,47,159,.35)}.resultActions{display:grid;gap:12px;margin-top:18px}.analysisBox{text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px;margin-top:18px;color:#d9d0e4;line-height:1.55}
.authModal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:10;padding:20px}.authModal.show{display:flex}.authCard{max-width:420px;width:100%;padding:24px}.authCard input{width:100%;margin:8px 0;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:white;outline:none}
.creditGrid{grid-template-columns:repeat(5,1fr)}.creditCard{padding:22px;border-radius:26px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);text-align:center;cursor:pointer;transition:.25s;position:relative}.creditCard.best{border-color:#ff6bc8;box-shadow:0 0 34px rgba(255,47,159,.24)}.tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--purple));font-size:12px;font-weight:900}.creditAmount{font-size:42px;font-weight:900;margin:16px 0 6px}.creditPrice{font-size:28px;color:#ff6bc8;font-weight:900}.creditUnit{margin-top:8px;color:#cfc7dd;font-size:13px}
@media(max-width:1050px){.layout,.layout.two{grid-template-columns:1fr}.sidebar,.right{display:none}.hero{grid-template-columns:1fr}.categories{grid-template-columns:repeat(3,1fr)}.tests,.testGrid,.creditGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.app{padding:14px}.logo{width:130px}.search{width:180px}.nav input{max-width:130px}.hero{padding:26px}.hero h1{font-size:40px}.categories{grid-template-columns:repeat(2,1fr)}.tests,.testGrid,.creditGrid{grid-template-columns:1fr}.pageTitle h1{font-size:34px}.catIconImg{width:76px;height:76px}}