:root{--color-background:#020617;--color-border:#1e293b;--color-text:#e2e8f0;--color-text-dim:#94a3b8;--color-accent:#38bdf8;--color-card:#11111b80}body{background:var(--color-background);color:var(--color-text);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:40px 16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.card{background:var(--color-card);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;width:100%;max-width:600px;padding:1.5rem;transition:all .3s}.card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.card-title{color:var(--color-text);margin:0 0 10px;font-size:22px;font-weight:600}.card-subtitle{color:var(--color-text-dim);margin:0 0 20px;font-size:14px}.code-box{white-space:pre-wrap;color:var(--color-text);background:#0f172a;border:1px solid #1e293b;border-radius:8px;margin-bottom:18px;padding:14px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;overflow-x:auto}.footer{color:var(--color-text-dim);text-align:right;font-size:12px}.accent{color:var(--color-accent)}