.auth-page *,.auth-page :after,.auth-page :before{box-sizing:border-box}.auth-page{min-height:100vh;min-height:100dvh;background-color:#0b0f19;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;color:#f8fafc;font-family:var(--font-sans,"Inter",system-ui,sans-serif)}.auth-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;z-index:1;pointer-events:none}.auth-blob{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;will-change:transform;animation:authFloat 20s ease-in-out infinite alternate}.auth-blob--1{top:-15%;left:-10%;width:50vw;height:50vw;background:rgba(67,97,238,.15)}.auth-blob--2{bottom:-15%;right:-5%;width:45vw;height:45vw;background:rgba(16,185,129,.12);animation-delay:-5s}.auth-blob--3{top:40%;left:60%;width:30vw;height:30vw;background:rgba(139,92,246,.1);animation-delay:-10s}@keyframes authFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.05)}to{transform:translate(-5%,-5%) scale(.95)}}.auth-nav{position:absolute;top:2rem;left:2rem;z-index:10}.auth-back{display:inline-flex;align-items:center;gap:.5rem;color:#64748b;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease,transform .2s ease}.auth-back:hover{color:#f8fafc;transform:translateX(-3px)}.auth-content{position:relative;z-index:10;width:100%;display:flex;justify-content:center}.auth-panel{width:100%;max-width:460px;padding:3rem 2.5rem;background:rgba(15,23,42,.5);border-color:hsla(0,0%,100%,.15) hsla(0,0%,100%,.08) hsla(0,0%,100%,.08) hsla(0,0%,100%,.12);border-style:solid;border-width:1px;border-radius:24px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 30px 60px -15px rgba(0,0,0,.6),inset 0 0 30px hsla(0,0%,100%,.02);animation:authSlideUp .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.auth-panel--wide{max-width:500px}@keyframes authSlideUp{to{opacity:1;transform:translateY(0)}}.auth-logo{gap:.75rem;margin-bottom:2rem}.auth-logo,.auth-logo__icon{display:flex;justify-content:center;align-items:center}.auth-logo__icon{width:44px;height:44px;background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(67,97,238,.05));border:1px solid rgba(59,130,246,.3);border-radius:12px;box-shadow:0 4px 15px rgba(59,130,246,.2)}.auth-logo__text{font-size:1.15rem;font-weight:700;color:#f8fafc;letter-spacing:.12em;text-shadow:0 2px 10px rgba(0,0,0,.5)}.auth-title{font-size:1.85rem;margin:0 0 .75rem;text-align:center;color:#fff;font-weight:700;letter-spacing:-.02em}.auth-subtitle{text-align:center;color:#94a3b8;margin:0 0 2.5rem;font-size:.95rem;line-height:1.6}.auth-field{margin-bottom:1.25rem}.auth-field__label{display:block;font-size:.85rem;font-weight:500;color:#cbd5e1;margin-bottom:.6rem}.auth-field__row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.auth-field__row .auth-field__label{margin-bottom:0}.auth-field__wrapper{position:relative;display:flex;align-items:center;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.auth-field__wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15),inset 0 0 10px rgba(0,0,0,.2);background:rgba(0,0,0,.4)}.auth-field__icon{position:absolute;left:1.1rem;color:#64748b;transition:color .3s ease;display:flex;align-items:center;pointer-events:none;z-index:1}.auth-field__wrapper:focus-within .auth-field__icon{color:#3b82f6}.auth-field__input{width:100%;padding:.95rem 1.1rem .95rem 3rem;background:transparent;border:none;color:#f8fafc;outline:none;font-size:1rem;font-family:inherit}.auth-field__input::placeholder{color:#475569}.auth-field__input--no-icon{padding-left:1.1rem}.auth-field__wrapper--workspace .auth-field__input{padding-left:1.1rem;padding-right:.5rem;text-align:right}.auth-field__suffix{padding:.95rem 1.1rem .95rem .2rem;color:#64748b;font-size:1rem;pointer-events:none;font-weight:500;white-space:nowrap}.auth-btn-primary{width:100%;padding:1rem;background:linear-gradient(135deg,#4361ee,#3b82f6);color:#fff;font-weight:600;font-size:1rem;border-radius:14px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px rgba(59,130,246,.4),inset 0 1px 1px hsla(0,0%,100%,.2);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;font-family:inherit;text-decoration:none}.auth-btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);transform:skewX(-20deg);transition:left .5s ease}.auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.5),inset 0 1px 1px hsla(0,0%,100%,.3)}.auth-btn-primary:hover:not(:disabled):after{left:200%}.auth-btn-primary:active:not(:disabled){transform:translateY(1px)}.auth-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-btn-secondary{width:100%;padding:1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:#cbd5e1;border-radius:14px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.auth-btn-secondary:hover{background:hsla(0,0%,100%,.08);color:#f8fafc}.auth-link{background:none;border:none;color:#3b82f6;font-size:.9rem;cursor:pointer;font-weight:500;transition:color .2s ease;text-decoration:none;font-family:inherit;padding:0}.auth-link:hover{color:#60a5fa}.auth-link--xs{font-size:.8rem}.auth-link--semibold{font-weight:600}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#ef4444;display:flex;align-items:center;justify-content:center;gap:.5rem;animation:authSlideUp .3s ease forwards}.auth-error,.auth-success{padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.auth-success{background:rgba(16,185,129,.15);color:#fff;line-height:1.5}.auth-success-icon{width:72px;height:72px;border-radius:50%;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(16,185,129,.2);margin:0 auto 1.5rem}.auth-success-icon--lg{width:80px;height:80px}.auth-divider{margin-top:2.5rem;text-align:center;border-top:1px solid hsla(0,0%,100%,.08);padding-top:1.5rem}.auth-divider__text{color:#94a3b8;font-size:.9rem;margin-right:.5rem}.auth-challenge{margin-bottom:1.5rem;background:rgba(0,0,0,.2);padding:1rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.05)}.auth-challenge__label{display:block;font-size:.85rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.auth-challenge__highlight{color:#3b82f6;font-weight:700}.auth-challenge__input{width:100%;padding:.75rem 1rem;background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#f8fafc;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-size:1rem;font-family:inherit}.auth-challenge__input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.auth-honeypot{position:absolute;left:-9999px}.auth-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@keyframes authSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-spinner{animation:authSpin 1s linear infinite}@media (max-width:480px){.auth-page{padding:1rem}.auth-panel{padding:2rem 1.5rem;border-radius:20px}.auth-panel,.auth-panel--wide{max-width:100%}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem;margin-bottom:2rem}.auth-nav{top:1rem;left:1rem}.auth-blob--1{width:70vw;height:70vw}.auth-blob--2{width:60vw;height:60vw}.auth-blob--3{display:none}.auth-btn-primary,.auth-btn-secondary{padding:.875rem;font-size:.95rem}}