.auth-shell{--bg:#060a12;--panel:#0d1520;--panel-1:#111d31;--panel-2:#0a1120;--inset:#080f1c;--line:#21324c;--line-soft:#172236;--text:#eaf1fd;--muted:#8b9bb6;--faint:#5c6d89;--cyan:#22d3ee;--blue:#3b82f6;--green:#35d38a;--red:#f4544c;--amber:#f0b35a;--v8-gold:#f2c85b;--v8-gold-2:#e6b23e;--r:14px;--shadow:0 16px 40px #02060e80,inset 0 1px 0 #ffffff0a;background:radial-gradient(520px 260px at 12% -6%,#22d3ee1a,transparent 70%),radial-gradient(circle at 15% -10%,#0c1a2c 0%,var(--bg) 45%),var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:24px;font-family:Inter,Segoe UI,system-ui,sans-serif;display:grid}.auth-card{background:linear-gradient(165deg,var(--panel-1),var(--panel-2));border:1px solid var(--line);border-radius:var(--r);width:100%;max-width:420px;box-shadow:var(--shadow);padding:26px 26px 24px;position:relative}.auth-card:after{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(150deg,#38bdf857,#22d3ee0d 34%,#0000 62%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand .mark{width:32px;height:32px;color:var(--cyan);background:#22d3ee14;border:1px solid #22d3ee73;border-radius:9px;place-items:center;font-family:Georgia,serif;font-size:19px;display:grid}.auth-brand .name{letter-spacing:.14em;color:var(--text);font-size:12px;font-weight:700}.auth-eyebrow{letter-spacing:.14em;color:var(--cyan);text-transform:uppercase;margin:20px 0 6px;font-size:9.5px;font-weight:700}.auth-title{letter-spacing:.01em;color:var(--text);margin:0 0 4px;font-size:20px;font-weight:700}.auth-sub{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.auth-field{gap:6px;margin-bottom:12px;display:grid}.auth-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-size:9.5px;font-weight:700}.auth-field input{border:1px solid var(--line);background:var(--inset);height:40px;color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:0 12px;font-family:inherit;font-size:13px}.auth-field input:focus{border-color:#22d3ee8c;box-shadow:0 0 0 3px #22d3ee1f}.auth-pass-wrap{display:grid;position:relative}.auth-pass-wrap input{padding-right:42px}.auth-pass-toggle{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-pass-toggle:hover{color:var(--text)}.auth-btn{color:#04121a;letter-spacing:.02em;cursor:pointer;background:linear-gradient(92deg,#22d3ee,#3b82f6);border:1px solid #22d3ee80;border-radius:10px;width:100%;height:40px;margin-top:4px;font-family:inherit;font-size:13px;font-weight:700;box-shadow:0 0 16px #22d3ee2e}.auth-btn:hover{filter:brightness(1.06)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-btn.premium{background:linear-gradient(92deg,var(--v8-gold),var(--v8-gold-2));color:#1b1508;border-color:#f2c85b99;box-shadow:0 0 16px #f2c85b2e}.auth-google{border:1px solid var(--line);background:var(--inset);width:100%;height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin-top:10px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.auth-google:hover{border-color:#22d3ee66}.auth-msg{border:1px solid var(--line);background:var(--inset);color:var(--muted);border-radius:10px;margin:14px 0 0;padding:10px 12px;font-size:11.5px;line-height:1.5}.auth-msg.ok{color:var(--green);border-color:#35d38a66}.auth-msg.err{color:var(--red);border-color:#f4544c73}.auth-msg strong{color:var(--text)}.auth-sep{color:var(--faint);letter-spacing:.12em;align-items:center;gap:10px;margin:16px 0 4px;font-size:9.5px;font-weight:700;display:flex}.auth-sep:before,.auth-sep:after{content:"";background:var(--line-soft);flex:1;height:1px}.auth-links{justify-content:space-between;gap:12px;margin-top:18px;font-size:11.5px;display:flex}.auth-links a{color:var(--muted);text-decoration:none}.auth-links a:hover{color:var(--cyan)}.auth-account-row{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:12.5px;display:flex}.auth-account-row .k{color:var(--muted)}.auth-account-row .v-mono{font-variant-numeric:tabular-nums;color:var(--text);font-family:IBM Plex Mono,ui-monospace,monospace}.auth-badge{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);background:var(--inset);white-space:nowrap;border-radius:7px;padding:3px 9px;font-size:9.5px;font-weight:700}.auth-badge.ok{color:var(--green);border-color:#35d38a66}.auth-badge.warn{color:var(--amber);border-color:#f0b35a73}.auth-badge.err{color:var(--red);border-color:#f4544c73}.auth-badge.plan-pro,.auth-badge.plan-trial{color:var(--v8-gold);background:#f2c85b14;border-color:#f2c85b80}.auth-badge.plan-free{color:var(--muted)}.auth-badge.nd{color:var(--faint);border-style:dashed}