@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{--bg: #030712;--panel: rgba(16, 24, 40, .8);--panel-border: rgba(255, 255, 255, .06);--text: #e8edf5;--muted: #8a94a7;--accent: #22d3ee;--accent-2: #22c55e;--warning: #f97316;--shadow: 0 20px 60px rgba(0, 0, 0, .35)}body{margin:0;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 10% 20%,rgba(34,213,238,.15),transparent 25%),radial-gradient(circle at 90% 10%,rgba(34,197,94,.16),transparent 20%),radial-gradient(circle at 50% 80%,rgba(59,130,246,.08),transparent 25%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}a:hover{opacity:.88}.app-shell{max-width:1100px;margin:0 auto;padding:24px 18px 56px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);position:sticky;top:16px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:18px;color:var(--text)}.nav{display:flex;align-items:center;gap:12px}.nav a{padding:8px 12px;border-radius:10px;color:var(--text)}.nav a:hover{background:#ffffff0d}.app-main{margin-top:28px;display:grid;gap:20px}.home-grid{display:grid;gap:20px}.card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero h1{margin:6px 0 10px;font-size:clamp(26px,5vw,36px)}.home-hero{padding:28px}.about{line-height:1.6}.footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:flex-start}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.hero .lede{color:var(--muted);max-width:640px}.stack{display:grid;gap:2px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.button,button.button{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#031b1a;padding:12px 16px;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 12px 30px #22d5ee40}.button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #22c55e59}button:disabled{opacity:.65;cursor:not-allowed}.ghost,button.ghost{background:#ffffff0f;border:1px solid var(--panel-border);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer}.pill{padding:6px 12px;border-radius:999px;background:#22d5ee2e;color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.02em;border:1px solid rgba(34,213,238,.4)}.pill.secondary{background:#22c55e24;border-color:#22c55e59;color:var(--accent-2)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted);margin:0}.lede{color:var(--muted)}.muted{color:var(--muted);margin-top:8px}.warning{margin-top:12px;color:var(--warning);background:#f9731614;border:1px solid rgba(249,115,22,.2);padding:10px 12px;border-radius:10px}.form-card{max-width:460px}.form{display:grid;gap:10px}.form label{font-weight:600}.form input{padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text)}.form input:focus{outline:2px solid rgba(34,213,238,.45);outline-offset:1px}.card-header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.profile-grid{display:grid;gap:14px;margin-top:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--muted);margin:0 0 4px}.value{margin:0;font-weight:600}.code-block{background:#0006;border:1px solid var(--panel-border);border-radius:12px;padding:12px;overflow:auto;color:#c8d5f5;font-size:13px}@media(max-width:640px){.app-header{flex-direction:row;align-items:center;gap:10px}.app-shell{padding:18px 14px 40px}.nav{width:auto;flex-wrap:nowrap}.card{padding:16px}.actions{flex-direction:column;align-items:stretch}.hero h1{font-size:24px}.hero .lede{font-size:15px}.footer{flex-direction:column;gap:12px}}