:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#f7f4fc;background:#100c19}*{box-sizing:border-box}body{margin:0}a{color:#d8a6ff;text-decoration:none}a:hover{text-decoration:underline}header,main,footer{max-width:1180px;margin:auto;padding:24px}header,nav,.actions,footer{display:flex;align-items:center;gap:24px}header{justify-content:space-between;border-bottom:1px solid #34233e}.brand{display:flex;gap:12px;align-items:center;color:white;font-size:24px;font-weight:800}.brand img{width:56px;height:56px;border-radius:16px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#c2a9d8;margin-top:4px}section{margin:0 0 48px}.hero{padding:48px 0 32px;max-width:820px}.badge{display:inline-block;background:#382044;border:1px solid #693781;color:#efd5ff;font-size:11px;letter-spacing:1.5px;font-weight:800;border-radius:24px;padding:8px 12px}.success{background:#123c2f;color:#8af1bd;border-color:#267153}h1{font-size:clamp(32px,5vw,60px);line-height:1.08;letter-spacing:-1.8px;margin:24px 0}h1 em{color:#cf89ff;font-style:normal}h2{font-size:27px}h3{font-size:17px;margin:0 0 16px}p,li{color:#d3c7df;line-height:1.7}.hero p{max-width:650px;font-size:19px}.actions{flex-wrap:wrap}.button,button,.secondary{display:inline-block;border-radius:12px;padding:14px 20px;border:1px solid #6b397e;background:#a43be3;color:white;font:700 14px system-ui;cursor:pointer}.secondary{background:#25172e;color:#eadbf4}button:hover,.button:hover{background:#b753ee;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}article,.panel{background:#1d1428;border:1px solid #3b2848;border-radius:20px;overflow:hidden}article>img{width:100%;aspect-ratio:16/9;object-fit:cover}article>div{padding:20px}article a{font-size:14px;font-weight:700}.panel{padding:36px}.panel h1{font-size:40px}.muted{font-size:13px;color:#bba8ca}.prose{max-width:850px;margin:auto}.prose h2{margin-top:32px}.profile{display:flex;align-items:center;gap:24px;margin:24px 0}.profile img{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile h1{margin:0 0 12px}form{margin-top:24px}.notice{border:1px solid #267153;background:#123c2f;padding:16px;border-radius:12px}footer{border-top:1px solid #34233e;font-size:13px;color:#bba8ca;flex-wrap:wrap}footer span{margin-right:auto}@media(max-width:700px){header{align-items:flex-start}nav{flex-direction:column;gap:10px;font-size:12px}.cards{grid-template-columns:1fr}.panel{padding:24px}.profile{align-items:flex-start}.profile img{width:70px;height:70px}.profile h1{font-size:29px}.actions{gap:12px}}