@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";
:root{--bg:#0a0a0b;--surface:#111114;--border:#222228;--text:#e8e8f0;--muted:#6b6b7e;--accent:#2d6b63;--accent-hi:#3a8a80;--accent-dim:#2d6b6326;--accent-blue:#6db8d4;--heading:#e8e8f0;--btn-text:#e8f4f2;--orb1:#2d6b6347;--orb2:#6db8d426;--grid:#2d6b630d;--logo-filter:none}[data-theme=light]{--bg:#f0f4f3;--surface:#fff;--border:#d4e0de;--text:#1a2421;--muted:#7a9490;--accent:#2d6b63;--accent-hi:#3a8a80;--accent-dim:#2d6b6317;--accent-blue:#4a9ab8;--heading:#0f1f1c;--btn-text:#fff;--orb1:#2d6b631a;--orb2:#6db8d414;--grid:#2d6b6312;--logo-filter:none}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);transition:background .35s}.page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;font-family:Syne,sans-serif;transition:background .35s;display:flex;position:relative;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);pointer-events:none;background-size:48px 48px;position:absolute;inset:0}.orb{filter:blur(80px);pointer-events:none;opacity:.4;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,var(--orb1),transparent 70%);width:500px;height:500px;animation:14s ease-in-out infinite alternate drift;top:-100px;right:-100px}.orb-2{background:radial-gradient(circle,var(--orb2),transparent 70%);width:400px;height:400px;animation:18s ease-in-out infinite alternate-reverse drift;bottom:-80px;left:-80px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(30px,20px)}}.theme-switcher{background:var(--surface);border:1px solid var(--border);z-index:100;opacity:0;align-items:center;gap:2px;padding:4px;transition:opacity .5s .4s,transform .5s .4s,background .35s,border-color .35s;display:flex;position:fixed;top:20px;right:20px;transform:translateY(-8px)}.theme-switcher.visible{opacity:1;transform:translateY(0)}.theme-btn{letter-spacing:.1em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:5px 11px;font-family:DM Mono,monospace;font-size:10px;transition:color .2s,background .2s;display:flex}.theme-btn .t-icon{font-size:11px;line-height:1}.theme-btn:hover{color:var(--text)}.theme-btn.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);z-index:10;opacity:0;width:420px;padding:48px 44px;transition:opacity .6s,transform .6s,background .35s,border-color .35s;position:relative;transform:translateY(24px)}.card.visible{opacity:1;transform:translateY(0)}.corner{border-color:var(--accent);opacity:.6;border-style:solid;width:28px;height:28px;transition:border-color .35s;position:absolute}.corner-tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner-tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner-bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner-br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.logo-wrap{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:36px;display:flex}.logo-img{opacity:.92;transition:filter .35s}.logo-tag{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;transition:color .35s;display:flex}.logo-tag:before{content:"";background:var(--accent);width:20px;height:1px;transition:background .35s;display:block}.subheading{color:var(--muted);letter-spacing:.04em;margin-bottom:32px;font-family:DM Mono,monospace;font-size:12px;transition:color .35s}.divider{background:linear-gradient(90deg,var(--accent)0%,var(--border)60%);opacity:.4;height:1px;margin-bottom:32px}.form{flex-direction:column;gap:0;display:flex}.field{margin-bottom:20px;position:relative}.field-label{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px;transition:color .2s;display:block}.field.is-focused .field-label{color:var(--accent)}.field-input{background:var(--bg);border:1px solid var(--border);width:100%;height:44px;color:var(--text);appearance:none;border-radius:0;outline:none;padding:0 14px;font-family:DM Mono,monospace;font-size:14px;transition:border-color .2s,box-shadow .2s,background .35s,color .35s}.field-input::placeholder{color:var(--muted);opacity:.5}.field-input:focus{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-dim),inset 0 0 0 1px var(--accent)}.btn{background:linear-gradient(90deg,var(--accent),var(--accent-hi));width:100%;height:48px;color:var(--btn-text);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:0;margin-top:8px;font-family:Syne,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s,background .35s,color .35s;position:relative;overflow:hidden}.btn:hover{opacity:.9;box-shadow:0 4px 24px var(--accent-dim);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:60%;height:100%;transition:left .45s;position:absolute;top:0;left:-100%}.btn:hover:before{left:160%}.spinner{border:2px solid #ffffff40;border-top-color:var(--btn-text);vertical-align:middle;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status-bar{background:var(--border);height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.status-bar-fill{background:linear-gradient(90deg,var(--accent),var(--accent-blue));width:0%;height:100%;transition:width 1.4s}.status-bar-fill.loading{width:90%}.status-bar-fill.done{width:100%;transition:width .2s}