*{box-sizing:border-box}body{color:#f8fafc;background:radial-gradient(circle at 0 0,#38bdf852,#0000 30%),radial-gradient(circle at 100% 100%,#a855f74d,#0000 36%),linear-gradient(135deg,#020617,#0f172a 55%,#111827);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page{width:min(1160px,92%);margin:0 auto;padding:36px 0 64px}.navbar{justify-content:space-between;align-items:center;margin-bottom:80px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:14px;font-weight:850;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:15px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:0 18px 50px #38bdf847}.navStatus,.smallButton{color:#cbd5e1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;padding:10px 18px}.smallButton{cursor:pointer;font-weight:800}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;display:grid}.eyebrow{color:#7dd3fc;text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px;font-size:14px;font-weight:900}.heroText h1,.topicHero h1{letter-spacing:-.06em;margin:0;font-size:clamp(54px,7vw,92px);line-height:.98}.heroText h1 span,.topicHero h1 span{background:linear-gradient(90deg,#38bdf8,#a78bfa,#f472b6);color:#0000;-webkit-background-clip:text}.intro,.topicHero p{color:#cbd5e1;max-width:650px;margin:28px 0 0;font-size:18px;line-height:1.85}.buttonGroup{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}button{cursor:pointer;border:none;transition:transform .2s,box-shadow .2s,background .2s}button:hover{transform:translateY(-2px)}.buttonGroup button{color:#020617;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:16px;padding:15px 22px;font-weight:900;box-shadow:0 20px 50px #38bdf838}.buttonGroup .secondaryButton{color:#f8fafc;box-shadow:none;background:#ffffff14;border:1px solid #ffffff2e}.profileCard{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff17;border:1px solid #ffffff2e;border-radius:30px;padding:32px;box-shadow:0 34px 90px #00000052}.profileHeader{align-items:center;gap:18px;margin-bottom:28px;display:flex}.avatar{background:linear-gradient(135deg,#38bdf8,#a78bfa,#f472b6);border-radius:22px;place-items:center;width:68px;height:68px;font-size:30px;font-weight:950;display:grid}.profileHeader h2{margin:0;font-size:26px}.profileHeader p{color:#cbd5e1;margin:6px 0 0}.infoList{gap:14px;display:grid}.infoList div{background:#0f172a9e;border:1px solid #94a3b82e;border-radius:18px;padding:18px}.infoList span{color:#93c5fd;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:13px;font-weight:850;display:block}.infoList strong{color:#f8fafc}.cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:80px;display:grid}.infoCard,.topicCard{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff13;border:1px solid #ffffff29;border-radius:24px;padding:26px}.infoCard h3{margin:0 0 12px;font-size:20px}.infoCard p,.topicCard p{color:#cbd5e1;margin:0;line-height:1.75}.topicHero{max-width:820px}.topicGrid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:56px;display:grid}.topicCard{position:relative;overflow:hidden}.topicCard:before{content:"";filter:blur(26px);background:#38bdf829;border-radius:999px;width:130px;height:130px;position:absolute;inset:auto -30px -50px auto}.number{color:#7dd3fc;margin-bottom:18px;font-size:30px;font-weight:950}@media (width<=900px){.hero,.cards,.topicGrid{grid-template-columns:1fr}.navbar{margin-bottom:48px}.heroText h1,.topicHero h1{font-size:clamp(44px,12vw,66px)}}@media (width<=560px){.page{width:min(100% - 32px,1160px)}.navbar{flex-direction:column;align-items:flex-start;gap:16px}.buttonGroup{flex-direction:column}.buttonGroup button{width:100%}}.brand{color:#f8fafc;text-decoration:none}.navLinks{align-items:center;gap:18px;display:flex}.navLinks a{color:#cbd5e1;font-weight:700;text-decoration:none}.navLinks a:hover{color:#7dd3fc}.primaryButton,.secondaryButton{border-radius:16px;justify-content:center;align-items:center;padding:15px 22px;font-weight:900;text-decoration:none;display:inline-flex}.primaryButton{color:#020617;background:linear-gradient(135deg,#38bdf8,#a78bfa);box-shadow:0 20px 50px #38bdf838}.secondaryButton{color:#f8fafc;background:#ffffff14;border:1px solid #ffffff2e}@media (width<=760px){.navLinks{flex-direction:column;align-items:flex-start}}.noteCategory{color:#7dd3fc;text-transform:uppercase;letter-spacing:.12em;margin-top:18px;font-size:13px;font-weight:900}