.auth{height:100vh;display:flex;overflow:hidden}.auth-stage{isolation:isolate;background:radial-gradient(620px 420px at 78% 38%, #8800ff38, transparent 70%), radial-gradient(520px 380px at 12% 92%, #c8397a29, transparent 70%), var(--stage);width:45%;color:var(--stage-fg);border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:space-between;margin:12px 0 12px 12px;padding:36px 44px 40px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 20px 50px -30px #100b1999}.auth-stage .grain{z-index:3;border-radius:inherit}.stage-lines{z-index:0;width:100%;height:100%;animation:2.8s cubic-bezier(.16,1,.3,1) both authArt;position:absolute;inset:0}.stage-lines .drift{transform-origin:50%;animation:50s ease-in-out 2.8s infinite alternate authDrift}.stage-lines .glow{filter:blur(10px);opacity:.9}.stage-lines .pulse path{stroke-dasharray:90 1400;animation:9s linear infinite travel}.stage-lines .pulse path:nth-child(2){animation-duration:11s;animation-delay:-3s}.stage-lines .pulse path:nth-child(3){animation-duration:13s;animation-delay:-6.5s}.stage-shade{z-index:1;pointer-events:none;background:linear-gradient(#100b1959 0%,#100b1900 16% 52%,#100b19c7 84%,#100b19eb 100%);position:absolute;inset:0}.stage-top,.stage-bottom{z-index:2;position:relative}.stage-top{align-items:center;gap:12px;display:flex}.stage-top img{width:30px;height:auto;display:block}.stage-top .brand{letter-spacing:-.01em;color:var(--stage-fg);font-size:15px;font-weight:600;line-height:1.1}.stage-top .product{letter-spacing:.16em;text-transform:uppercase;color:var(--stage-muted);opacity:.8;margin-top:3px;font-size:9.5px;font-weight:700;display:block}.stage-quote{font-family:var(--font-serif);font-optical-sizing:auto;letter-spacing:-.012em;color:var(--stage-fg);text-wrap:balance;max-width:470px;margin:0;font-size:27px;font-weight:300;line-height:1.28}.stage-quote em{background:linear-gradient(90deg,#d7b4ff,#f3a6c8 60%,#ffc27a);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:400}.stage-points{border-top:1px solid #ffffff17;gap:22px;margin-top:26px;padding-top:20px;display:flex}.stage-points div{color:var(--stage-muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.stage-points svg.lucide{color:#c9a3ff;width:14px;height:14px}.stage-caption{color:var(--stage-muted);opacity:.62;letter-spacing:.01em;margin-top:18px;font-size:11.5px}.auth-side{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.auth-side__top{color:var(--muted-fg);justify-content:flex-end;align-items:center;gap:6px;padding:24px 32px 0;font-size:13px;display:flex}.auth-side__center{flex:1;place-items:center;padding:24px;display:grid}.auth-side__foot{color:var(--muted-fg);justify-content:center;gap:18px;padding:0 32px 26px;font-size:12px;display:flex}.auth-side__foot a:hover{color:var(--fg)}.login-card{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffffb8;border-radius:16px;width:404px;padding:32px;animation:1.6s cubic-bezier(.16,1,.3,1) both authReveal;box-shadow:inset 0 1px #ffffffe6,0 24px 60px -36px #3b076447,0 2px 6px #0f172a08}.login-card__brand img{width:auto;height:24px;display:block}.login-card__brand .sidebar__product{margin-top:7px}.login-card__title{letter-spacing:-.01em;color:var(--fg-strong);margin:26px 0 4px;font-size:17px;font-weight:500;line-height:1.25}.login-card__lead{color:var(--muted-fg);margin:0 0 22px;font-size:13px}.login-card .field+.field{margin-top:14px}.label-row{justify-content:space-between;align-items:baseline;display:flex}.label-row a{color:var(--primary);font-size:12.5px}.label-row a:hover{text-underline-offset:3px;text-decoration:underline}.input-wrap{position:relative}.input-wrap .input{border-radius:10px;height:40px;padding-right:40px}.input-wrap .input--soft.is-focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--ring) 45%, transparent);background:#fff}.input-wrap .icon-btn{position:absolute;top:4px;right:5px}.login-card .btn--block{height:40px;font-size:14px}.remember{color:var(--fg-80);align-items:center;gap:8px;margin:16px 0 18px;font-size:13px;display:flex}.check{background:var(--primary);color:#fff;border-radius:5px;place-items:center;width:16px;height:16px;display:grid;box-shadow:0 1px 2px #0000001f}.check svg.lucide{stroke-width:3px;width:11px;height:11px}.or{color:var(--muted-fg);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";background:color-mix(in srgb, var(--border) 85%, transparent);flex:1;height:1px}.login-card__note{border-top:1px solid var(--separator);color:var(--muted-fg);justify-content:center;align-items:center;gap:7px;margin:22px 0 0;padding-top:18px;font-size:12.5px;display:flex}@keyframes authReveal{0%{opacity:0;filter:blur(8px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:none}}@keyframes authArt{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes authDrift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(-14px,10px)}}@keyframes travel{0%{stroke-dashoffset:1490px}to{stroke-dashoffset:0}}.input-wrap .input--soft:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--ring) 45%, transparent);background:#fff;outline:none}.remember input{width:16px;height:16px;accent-color:var(--primary);margin:0}.login-error{color:var(--destructive);margin:-6px 0 14px;font-size:13px}