.auth-page{--auth-bg-1:#050818;--auth-bg-2:#0a0e2c;--auth-purple:#800be6;--auth-purple-deep:#6a09c2;--auth-navy:#051549;--auth-blue:#1c98e0;--auth-text:#f8fbff;--auth-muted:rgba(255,255,255,0.66);position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden;background:linear-gradient(135deg,var(--auth-bg-1),var(--auth-bg-2));color:var(--auth-text);font-family:Inter,system-ui,sans-serif}.auth-bg-shapes{position:absolute;inset:-80px;overflow:hidden;pointer-events:none}.auth-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.7;will-change:transform}.auth-blob-1{width:380px;height:380px;left:-80px;top:-60px;background:radial-gradient(circle,rgba(128,11,230,.55),transparent 70%);animation:auth-floatBlob1 16s ease-in-out infinite}.auth-blob-2{width:440px;height:440px;right:-120px;bottom:-100px;background:radial-gradient(circle,rgba(28,152,224,.4),transparent 70%);animation:auth-floatBlob2 18s ease-in-out infinite}.auth-blob-3{width:280px;height:280px;left:10%;top:60%;background:radial-gradient(circle,rgba(91,33,182,.3),transparent 70%);animation:auth-floatBlob3 14s ease-in-out infinite}.auth-blob-4{width:220px;height:220px;right:18%;top:12%;background:radial-gradient(circle,rgba(128,11,230,.18),transparent 70%);animation:auth-floatBlob4 20s ease-in-out infinite}.auth-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:42px 42px;opacity:.5;animation:auth-moveGrid 12s linear infinite}.auth-sparkle{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(200,157,255,.8);box-shadow:0 0 8px rgba(200,157,255,.6);pointer-events:none;will-change:transform,opacity}.auth-sparkle:nth-child(6){left:12%;top:80%;animation:auth-sparkleFloat 9s ease-in-out infinite;animation-delay:0s}.auth-sparkle:nth-child(7){left:78%;top:70%;animation:auth-sparkleFloat 11s ease-in-out infinite;animation-delay:2s;background:rgba(110,200,255,.7);box-shadow:0 0 8px rgba(110,200,255,.5)}.auth-sparkle:nth-child(8){left:35%;top:90%;animation:auth-sparkleFloat 10s ease-in-out infinite;animation-delay:4s}.auth-sparkle:nth-child(9){left:88%;top:30%;animation:auth-sparkleFloat 12s ease-in-out infinite;animation-delay:1s}.auth-sparkle:nth-child(10){left:5%;top:50%;animation:auth-sparkleFloat 13s ease-in-out infinite;animation-delay:3s;background:rgba(110,200,255,.7);box-shadow:0 0 8px rgba(110,200,255,.5)}.auth-sparkle:nth-child(11){left:60%;top:88%;animation:auth-sparkleFloat 10.5s ease-in-out infinite;animation-delay:5s}.auth-sparkle:nth-child(12){left:22%;top:25%;animation:auth-sparkleFloat 11.5s ease-in-out infinite;animation-delay:6s}.auth-shell{position:relative;z-index:2;width:min(1100px,100%);min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:32px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.08);animation:auth-cardEnter 1s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d;transition:box-shadow .5s ease,transform .3s ease}.auth-shell:hover{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(128,11,230,.15),0 0 60px rgba(128,11,230,.15),inset 0 1px 0 rgba(255,255,255,.08)}.auth-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%),linear-gradient(130deg,rgba(255,255,255,.06),transparent 25%,transparent 75%,rgba(128,11,230,.05));pointer-events:none}.auth-shell:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--auth-navy),var(--auth-purple),var(--auth-blue));background-size:200% 100%;animation:auth-stripShift 6s ease-in-out infinite;z-index:5}.auth-conic-border{position:absolute;inset:-1px;border-radius:32px;padding:1px;background:conic-gradient(from 0deg,transparent 0deg,rgba(128,11,230,.4) 60deg,transparent 120deg,transparent 240deg,rgba(28,152,224,.35) 300deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:auth-conicSpin 8s linear infinite;pointer-events:none;opacity:.7}.auth-panel{position:relative;z-index:1;padding:56px 48px}.auth-intro-panel{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(128,11,230,.16),transparent 30%),radial-gradient(circle at 80% 75%,rgba(28,152,224,.12),transparent 35%),linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,.005))}.auth-intro-content{max-width:480px}.auth-brand-logo{display:flex;align-items:center;margin-bottom:36px}.auth-brand-logo img{height:64px;width:auto;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(128,11,230,.35));transition:filter .3s ease;animation:auth-logoBreathe 4s ease-in-out infinite}.auth-brand-logo:hover img{filter:drop-shadow(0 10px 24px rgba(128,11,230,.55))}.auth-intro-panel h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;max-width:440px;font-weight:700;letter-spacing:-.025em;margin-bottom:18px;color:var(--auth-text)}.auth-highlight{position:relative;display:inline-block;background:linear-gradient(135deg,var(--auth-purple) 0,var(--auth-blue) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-highlight:after{content:"";position:absolute;inset:-8px -16px;background:radial-gradient(ellipse at center,rgba(128,11,230,.25),transparent 70%);filter:blur(20px);z-index:-1;opacity:.8;animation:auth-highlightPulse 5s ease-in-out infinite}.auth-lead{max-width:460px;color:var(--auth-muted);line-height:1.7;font-size:1rem}.auth-form-panel{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,rgba(5,8,24,.5),rgba(5,8,24,.2))}.auth-form-panel h2{font-size:2rem;margin-bottom:8px;font-weight:700;letter-spacing:-.02em;color:var(--auth-text)}.auth-subtitle{color:var(--auth-muted);margin-bottom:32px;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-field{position:relative}.auth-field input{width:100%;height:60px;border:none;outline:none;border-radius:16px;padding:24px 56px 10px 18px;background:rgba(255,255,255,.04);color:var(--auth-text);font-size:.98rem;font-family:inherit;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.auth-field input:focus{background:rgba(255,255,255,.06);border-color:rgba(128,11,230,.45);box-shadow:0 0 0 4px rgba(128,11,230,.12)}.auth-field input:-webkit-autofill,.auth-field input:-webkit-autofill:active,.auth-field input:-webkit-autofill:focus,.auth-field input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px rgba(8,12,32,.95)!important;-webkit-text-fill-color:var(--auth-text)!important;caret-color:var(--auth-text);-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s;border:1px solid rgba(128,11,230,.25)!important}.auth-field input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 1000px rgba(8,12,32,.95),0 0 0 4px rgba(128,11,230,.12)!important}.auth-field label{position:absolute;top:19px;left:18px;color:rgba(255,255,255,.45);pointer-events:none;transition:.22s ease;font-size:.95rem;font-weight:400}.auth-field input:not(:-moz-placeholder-shown)+label{top:9px;left:18px;font-size:.7rem;color:#c89dff;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-field input:focus+label,.auth-field input:not(:placeholder-shown)+label{top:9px;left:18px;font-size:.7rem;color:#c89dff;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-line{position:absolute;left:18px;right:18px;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--auth-purple),var(--auth-blue),var(--auth-purple));background-size:200% 100%;transition:transform .4s cubic-bezier(.22,1,.36,1);border-radius:999px;animation:auth-lineFlow 3s linear infinite paused}.auth-field input:focus~.auth-line{transform:scaleX(1);animation-play-state:running}.auth-field-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.3);pointer-events:none;transition:color .3s ease}.auth-field input:focus~.auth-field-icon{color:#c89dff}.auth-field.is-valid .auth-field-icon{color:#34d399}.auth-submit-btn{position:relative;height:58px;border:none;border-radius:16px;color:white;font-size:1rem;font-weight:700;cursor:pointer;overflow:hidden;font-family:inherit;background:linear-gradient(135deg,var(--auth-purple) 0,var(--auth-purple-deep) 100%);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.18),inset 0 -1px 0 0 rgba(0,0,0,.2),0 14px 36px -8px rgba(128,11,230,.6),0 6px 16px -2px rgba(128,11,230,.4);transition:transform .2s ease,box-shadow .2s ease,background .3s ease;margin-top:8px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#8e1ff0,#7510d4);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.22),inset 0 -1px 0 0 rgba(0,0,0,.2),0 18px 44px -8px rgba(128,11,230,.75),0 8px 20px -2px rgba(128,11,230,.5)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-submit-btn:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--auth-purple) 0,var(--auth-blue) 100%);filter:blur(16px);opacity:0;z-index:-1;transition:opacity .4s ease}.auth-submit-btn:hover:not(:disabled):after{opacity:.55}.auth-btn-content{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:8px}.auth-btn-glow{position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.25) 45%,transparent 70%);transform:translateX(-130%);animation:auth-shine 3s linear infinite;pointer-events:none}.auth-signup{margin-top:8px;text-align:center;color:var(--auth-muted);font-size:.92rem}.auth-signup-link{color:#c89dff;text-decoration:none;font-weight:600;transition:color .2s}.auth-signup-link:hover{color:#e0c8ff}.auth-trust{margin-top:20px;justify-content:center;color:rgba(255,255,255,.35);font-size:.75rem}.auth-msg,.auth-trust{display:flex;align-items:center;gap:6px}.auth-msg{font-size:.78rem;padding-top:2px}.auth-msg-error{color:#fca5a5}.auth-msg-info{color:#6ee7b7}.auth-msg-success{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.78rem;color:#6ee7b7}.auth-code-input{width:100%;height:64px;border:1px solid rgba(255,255,255,.08);outline:none;border-radius:16px;padding:0 18px;background:rgba(255,255,255,.04);color:var(--auth-text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:1.6rem;text-align:center;letter-spacing:.4em;transition:all .3s ease}.auth-code-input:focus{background:rgba(255,255,255,.06);border-color:rgba(128,11,230,.45);box-shadow:0 0 0 4px rgba(128,11,230,.12)}.auth-code-actions{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;padding-top:4px}.auth-code-actions button{background:transparent;border:none;cursor:pointer;font-family:inherit;transition:color .2s}.auth-code-back{color:rgba(255,255,255,.5)}.auth-code-back:hover{color:rgba(255,255,255,.85)}.auth-code-resend{color:#c89dff;font-weight:600}.auth-code-resend:hover{color:#e0c8ff}.auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-floatBlob1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,20px) scale(1.08)}}@keyframes auth-floatBlob2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-25px) scale(1.06)}}@keyframes auth-floatBlob3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}@keyframes auth-floatBlob4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-18px,24px) scale(1.08)}}@keyframes auth-moveGrid{0%{transform:translate(0)}to{transform:translate(42px,42px)}}@keyframes auth-cardEnter{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auth-shine{0%{transform:translateX(-130%)}to{transform:translateX(130%)}}@keyframes auth-stripShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes auth-lineFlow{to{background-position:200% 50%}}@keyframes auth-logoBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes auth-sparkleFloat{0%{transform:translateY(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(-20px) scale(1)}50%{opacity:1;transform:translateY(-100px) scale(1.2)}90%{opacity:1;transform:translateY(-200px) scale(1)}to{transform:translateY(-240px) scale(0);opacity:0}}@keyframes auth-conicSpin{to{transform:rotate(1turn)}}@keyframes auth-highlightPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes auth-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.auth-blob,.auth-brand-logo img,.auth-btn-glow,.auth-conic-border,.auth-grid,.auth-highlight:after,.auth-shell,.auth-shell:after,.auth-sparkle{animation:none!important}}@media (max-width:980px){.auth-shell{grid-template-columns:1fr;min-height:auto;max-width:480px}.auth-intro-panel{padding:36px 32px 20px;text-align:center;align-items:center}.auth-intro-content{display:flex;flex-direction:column;align-items:center;max-width:100%}.auth-brand-logo{margin-bottom:22px;justify-content:center}.auth-brand-logo img{height:56px}.auth-intro-panel h1{font-size:1.85rem;line-height:1.1;margin-bottom:12px}.auth-lead{font-size:.92rem;line-height:1.6}.auth-form-panel{padding:28px 32px 40px}}@media (max-width:640px){.auth-page{padding:14px;place-items:start center}.auth-shell{width:100%;border-radius:24px;margin:16px 0}.auth-intro-panel{padding:32px 22px 16px}.auth-brand-logo img{height:48px}.auth-intro-panel h1{font-size:1.6rem}.auth-lead{font-size:.88rem}.auth-form-panel{padding:22px 22px 36px}.auth-form-panel h2{font-size:1.5rem}.auth-field input{height:56px;font-size:.95rem}.auth-submit-btn{height:54px}}