:root{font-family:system-ui,-apple-system,sans-serif;color-scheme:light dark;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:grid;place-items:center}.container{max-width:480px;padding:2.5rem;text-align:center}h1{font-size:3rem;background:linear-gradient(90deg,#38bdf8,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem}.subtitle{color:#94a3b8;margin-bottom:2rem}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:2rem}button{background:#38bdf8;color:#0f172a;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s}button:hover{transform:scale(1.03)}button:active{transform:scale(.98)}.hint{margin-top:1rem;color:#64748b;font-size:.875rem}footer{font-size:.75rem;color:#64748b;line-height:1.6}code{background:#ffffff1a;padding:2px 6px;border-radius:4px}