.auth-shell{--a-cyan:#38d6ff;--a-coral:#ff8a4c;--a-violet:#8c5cff;--a-deep:#062e5f;--a-focus:#2ea3e6;background:var(--surface);flex-wrap:wrap;min-height:100dvh;display:flex;position:relative}.auth-art{color:#fff;background:radial-gradient(42% 38% at 88% 8%,#38d6ffbf,#0000 70%),radial-gradient(40% 36% at 6% 96%,#ff8a4cb3,#0000 70%),radial-gradient(46% 40% at 78% 92%,#8c5cffb3,#0000 72%),linear-gradient(155deg,#062e5f 0%,#0a4f8c 42%,#0c74b1 72%,#2ea3e6 100%);flex-direction:column;flex:560px;justify-content:space-between;gap:28px;min-height:560px;padding:44px 48px;display:flex;position:relative;overflow:hidden}.auth-art:before{content:"";pointer-events:none;opacity:.1;background-image:linear-gradient(#ffffffe6 1px,#0000 1px),linear-gradient(90deg,#ffffffe6 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.auth-art:after{content:"";pointer-events:none;border:1.5px solid #ffffff2e;border-radius:50%;width:520px;height:520px;position:absolute;top:180px;right:-180px;box-shadow:0 0 0 70px #ffffff0a,0 0 0 140px #ffffff08}.auth-art>*{z-index:1;position:relative}@media (max-width:767px){.auth-art{min-height:auto;padding:28px 20px}.auth-art .auth-art-cards{display:none}}.auth-brand{letter-spacing:-.01em;color:inherit;align-items:center;gap:10px;font-size:26px;font-weight:600;text-decoration:none;display:inline-flex}.auth-h{letter-spacing:-.02em;color:#fff;max-width:500px;margin:0;font-size:clamp(30px,4vw,44px);font-weight:700;line-height:1.08}.auth-h em{background:linear-gradient(90deg,#9bebff,#ffc9a8);color:#0000;-webkit-background-clip:text;background-clip:text}.auth-sub{color:#ffffffe0;max-width:440px;margin:0;font-size:17px;line-height:1.5}.auth-glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;background:#ffffff21;border:1px solid #ffffff47;border-radius:16px;padding:14px 16px;box-shadow:0 24px 48px #03163047}.auth-glass .k{color:#ffffffd9;font-size:12px}.auth-glass .v{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.auth-gicon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.auth-chip{background:#ffffff24;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.auth-chip i{border-radius:50%;width:8px;height:8px;display:inline-block}.auth-float-a{animation:7s ease-in-out infinite bp-float}.auth-float-b{animation:8s ease-in-out -3s infinite bp-float}@keyframes bp-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-10px) rotate(var(--r,0deg))}}@media (prefers-reduced-motion:reduce){.auth-float-a,.auth-float-b{animation:none}}.auth-side{background:radial-gradient(38% 30% at 100% 0%, #38d6ff29, transparent 70%), radial-gradient(34% 28% at 0% 100%, #8c5cff1a, transparent 70%), var(--surface);flex-direction:column;flex:520px;justify-content:center;align-items:center;padding:48px 24px;display:flex;position:relative}.auth-form{flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex}.auth-title{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700}.auth-eyebrow{background:var(--accent-subtle);height:28px;color:var(--text-link);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.auth-eyebrow i{background:#12b76a;border-radius:50%;width:6px;height:6px;display:inline-block}.auth-ifield{position:relative}.auth-ifield>svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-ifield input{border-width:1.5px;border-radius:12px;height:50px;padding-left:44px;font-size:15px}.auth-ifield input:focus-visible{background:var(--surface);border-color:var(--a-focus);outline:none;box-shadow:0 0 0 4px #2ea3e62e}.auth-ifield .trail{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.auth-btn-grad{color:#fff;background:linear-gradient(95deg,#0a5fa0 0%,#0c74b1 40%,#2ea3e6 100%);border:none;border-radius:12px;height:50px;font-size:15px;font-weight:600;box-shadow:0 10px 24px #0c74b159,inset 0 1px #ffffff40}.auth-btn-grad:hover:not(:disabled){filter:brightness(1.07);background:linear-gradient(95deg,#0a5fa0 0%,#0c74b1 40%,#2ea3e6 100%)}.auth-btn-soft{border:1.5px solid var(--border-accent);background:var(--surface);height:50px;color:var(--text-primary);border-radius:12px;font-size:14.5px;font-weight:600}.auth-btn-soft:hover{border-color:var(--bp-blue-300);background:var(--surface-highlight)}.auth-or{color:var(--text-muted);align-items:center;gap:12px;font-size:12.5px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--border);flex:1;height:1px}.auth-trust{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:16px;font-size:12px;display:flex}.auth-trust span{align-items:center;gap:6px;display:inline-flex}.auth-seg{background:var(--surface-muted);border-radius:12px;gap:4px;padding:4px;display:flex}.auth-seg button{height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;font-weight:600}.auth-seg button[data-state=active]{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 3px #1018281f}.auth-card{background:var(--surface);color:var(--text-primary);border-radius:20px;flex-direction:column;gap:18px;padding:36px 32px;display:flex;position:relative;box-shadow:0 30px 60px #03163059}
