:root{font-family:Inter,ui-sans-serif,system-ui;color:#f5f7ff;background:#101827}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#1d4ed8,transparent 35%),#101827}.login section{width:min(420px,92vw);padding:42px;background:#182235;border:1px solid #334155;border-radius:24px}.eyebrow{font-size:.75rem;letter-spacing:.13em;color:#75a7ff}h1{margin:.25rem 0 1rem}form,label{display:grid;gap:8px}form{margin-top:28px}input{padding:12px;border-radius:10px;border:1px solid #475569;background:#0f172a;color:#fff}button,.buy{border:0;border-radius:10px;padding:12px;background:#3b82f6;color:#fff;cursor:pointer}small{color:#fda4af}.shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{padding:26px 14px;background:#111a2a;display:grid;align-content:start;gap:8px}aside b{font-size:1.2rem;margin:0 10px 25px}aside button{text-align:left;background:transparent;color:#b9c5d7}.active{background:#264a82!important;color:#fff!important}.logout{margin-top:30px}.content{max-width:1100px;width:100%;padding:42px;margin:auto}header{display:flex;justify-content:space-between;align-items:center}header span{padding:8px 12px;border:1px solid #334155;border-radius:999px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}article{padding:24px;border-radius:18px;background:#182235;border:1px solid #273650}article small{color:#94a3b8}article strong{display:block;font-size:1.65rem;margin:14px 0}article p{color:#a9b8cf;margin:0}.buy{display:inline-block;margin-top:18px;text-decoration:none}progress{width:100%;accent-color:#3b82f6}.coming{margin-top:30px}@media(max-width:700px){.shell{grid-template-columns:1fr}aside{grid-template-columns:repeat(3,1fr);position:sticky;bottom:0;order:2}aside b{display:none}.logout{margin:0}.content{padding:24px}.grid{grid-template-columns:1fr}header{align-items:start;gap:12px}}