*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;background:#0b1020;color:#fff;display:grid;place-items:center;height:100vh;overflow:hidden}.bg{position:fixed;inset:0;background:radial-gradient(circle at top,#6b21a8,#0b1020 60%)}.card{position:relative;width:min(900px,92%);padding:30px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);backdrop-filter:blur(16px);border-radius:24px}h1{font-size:64px;margin:0}p{opacity:.8}input{width:100%;padding:14px;border-radius:12px;border:none;margin:18px 0;font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}a{text-decoration:none;color:#fff;background:rgba(255,255,255,.08);padding:20px;border-radius:16px;text-align:center;transition:.2s}a:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}a span{display:block;margin-top:8px;font-size:14px}