:root{--bg:#0b1419;--bg-elevated:#122029;--bg-soft:#182a35;--surface:#122029b8;--border:#94b7c629;--border-strong:#2dd4bf59;--text:#e8f1f4;--text-muted:#8aa3b0;--accent:#2dd4bf;--accent-deep:#0f766e;--accent-soft:#2dd4bf1f;--danger:#f87171;--danger-soft:#f871711f;--success:#34d399;--font-display:"Syne", sans-serif;--font-body:"Source Sans 3", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:14px;--shadow:0 24px 60px #00000059;--max:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;background-color:#0000;background-image:radial-gradient(1200px 600px at 80% -10%,#2dd4bf29,#0000 55%),radial-gradient(900px 500px at 0 20%,#38bdf81a,#0000 50%),linear-gradient(#0b1419 0%,#0e1a21 45%,#0b1419 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}img{max-width:100%;display:block}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b1419c7;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(145deg, #2dd4bf59, transparent 60%), var(--bg-soft);border:1px solid var(--border-strong);border-radius:.5rem;place-items:center;width:1.75rem;height:1.75rem;display:grid}.brand-mark svg{width:1rem;height:1rem}.nav-links{align-items:center;gap:.35rem;display:flex}.nav-links a{color:var(--text-muted);border-radius:999px;padding:.45rem .85rem;transition:color .2s,background .2s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--accent-soft)}.main{width:min(100% - 2rem, var(--max));flex:1;margin:0 auto;padding:2rem 0 4rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.25rem;font-weight:600;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:#042f2e;background:linear-gradient(135deg,#2dd4bf,#14b8a6 55%,#0d9488);box-shadow:0 10px 28px #2dd4bf38}.btn-primary:hover{box-shadow:0 14px 34px #2dd4bf52}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--border-strong);background:var(--accent-soft)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#f8717159}.btn-sm{padding:.4rem .75rem;font-size:.9rem}.hero{align-content:center;gap:1.25rem;min-height:calc(100vh - 5.5rem);padding:2.5rem 0 4rem;display:grid;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#2dd4bf14 40%,#0000 70%),repeating-linear-gradient(-18deg,#94b7c614 0 1px,#0000 1px 18px);height:min(72vh,640px);animation:14s ease-in-out infinite alternate hero-drift;position:absolute;inset:-10% -5% auto;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.hero>*{z-index:1;position:relative}.hero-brand{font-family:var(--font-display);letter-spacing:-.06em;background:linear-gradient(120deg,#f0fdfa 20%,#2dd4bf 70%,#67e8f9);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:.95;animation:.7s both fade-up}.hero h1{max-width:14ch;font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700;line-height:1.15;animation:.7s 80ms both fade-up}.hero-lead{max-width:42ch;color:var(--text-muted);margin:0;font-size:1.1rem;animation:.7s .16s both fade-up}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;animation:.7s .24s both fade-up;display:flex}.section{border-top:1px solid var(--border);margin-top:3rem;padding-top:2.5rem}.section h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .5rem;font-size:1.6rem}.section-lead{color:var(--text-muted);max-width:48ch;margin:0 0 1.75rem}.steps{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.25rem;transition:border-color .2s,transform .2s}.step:hover{border-color:var(--border-strong);transform:translateY(-2px)}.step-index{background:var(--accent-soft);width:1.75rem;height:1.75rem;color:var(--accent);font-family:var(--font-mono);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.85rem;font-size:.85rem;display:inline-flex}.step h3{margin:0 0 .4rem;font-size:1.05rem}.step p{color:var(--text-muted);margin:0;font-size:.95rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,3vw,2.2rem)}.page-header p{color:var(--text-muted);margin:.4rem 0 0}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);overflow:hidden}.create-key{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.75rem;padding:1.25rem;display:flex}.create-key input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:999px;outline:none;flex:220px;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s}.create-key input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft)}.key-table{border-collapse:collapse;width:100%}.key-table th,.key-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.95rem 1.1rem}.key-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.8rem;font-weight:600}.key-table tr:last-child td{border-bottom:none}.key-token{font-family:var(--font-mono);color:var(--accent);font-size:.9rem}.key-actions{flex-wrap:wrap;gap:.45rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1.5rem}.toast{z-index:50;color:#d1fae5;box-shadow:var(--shadow);background:#064e3b;border:1px solid #34d39973;border-radius:999px;padding:.75rem 1rem;animation:.25s both toast-in;position:fixed;bottom:1.25rem;right:1.25rem}.docs-grid{gap:1.25rem;display:grid}.doc-block h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.25rem}.doc-block p,.doc-meta{color:var(--text-muted);margin:0 0 .85rem}.doc-meta code,.inline-code{font-family:var(--font-mono);color:var(--accent);background:var(--accent-soft);border-radius:.35rem;padding:.1rem .4rem;font-size:.9em}.code-block{border:1px solid var(--border);border-radius:var(--radius);background:#081016;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--border);background:#182a35a6;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.tabs{gap:.35rem;display:flex}.tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .7rem}.tabs button.active{background:var(--accent-soft);color:var(--accent)}.code-block pre{font-family:var(--font-mono);color:#d9eef5;margin:0;padding:1rem 1.1rem;font-size:.86rem;line-height:1.65;overflow-x:auto}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:1.25rem 1.5rem 2rem;font-size:.9rem}.nav-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .85rem}.nav-logout:hover{color:var(--text);background:var(--accent-soft)}.auth-page{place-items:center;min-height:calc(100vh - 10rem);display:grid}.auth-card{gap:1rem;width:min(100%,420px);padding:1.75rem;display:grid}.auth-card h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.page-header-lead{color:var(--text-muted);margin:0}.field{gap:.4rem;display:grid}.field span{color:var(--text-muted);font-size:.9rem}.field input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;outline:none;padding:.7rem 1rem}.field input:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--accent-soft)}.form-error{color:var(--danger);margin:0}.auth-switch{color:var(--text-muted);margin:0;font-size:.95rem}.auth-switch a{color:var(--accent)}.created-key{font-family:var(--font-mono);word-break:break-all;border:1px solid var(--border);color:var(--accent);background:#081016;border-radius:.75rem;padding:.85rem 1rem;font-size:.85rem;display:block}.fresh-key-banner{gap:.75rem;margin-bottom:1rem;padding:1.1rem 1.25rem;display:grid}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-2%,2%)scale(1.04)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.steps{grid-template-columns:1fr}.key-table{display:block}.key-table thead{display:none}.key-table tbody,.key-table tr,.key-table td{width:100%;display:block}.key-table tr{border-bottom:1px solid var(--border);padding:1rem}.key-table td{border:none;padding:.25rem 0}.key-table td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem;display:block}}@media (width<=560px){.topbar{padding:.85rem 1rem}.nav-links a{padding:.4rem .6rem;font-size:.92rem}.main{width:min(100% - 1.5rem, var(--max))}}