:root{--bg:#0d1117;--panel:#161b22;--text:#e6edf3;--muted:#8b949e;--accent:#58a6ff;--accent-2:#a5d6ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,#182030 0,#0d1117 45%);color:var(--text);min-height:100vh}main{max-width:880px;margin:0 auto;padding:48px 20px 72px}.card{background:var(--panel);border:1px solid #30363d;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.card .card{background:#0f141b;border-color:#202833}h1{font-size:28px;margin:0 0 16px}h2{margin:24px 0 12px}label{display:block;font-weight:600;margin-bottom:6px}input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #30363d;background:#0f141b;color:var(--text)}button{cursor:pointer;background:var(--accent);color:#0d1117;border:none;border-radius:10px;padding:12px 14px;font-weight:700;transition:transform .1s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(88,166,255,.25)}button.ghost{background:transparent;color:var(--text)}button.ghost,pre{border:1px solid #30363d}pre{background:#0f141b;padding:12px;border-radius:12px;overflow:auto}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}