.auth-page #main-nav,.auth-page footer,.auth-page .ai-chat-trigger,.auth-page #ai-chat-panel,.auth-page #mobile-overlay,.auth-page #mobile-menu{display:none!important}.auth-page body,body.auth-page{background:#020617!important}.auth-page #main-content{padding:0!important;margin:0!important;max-width:none!important}.auth-wrapper{display:flex;min-height:100vh;width:100%;background:#020617}.auth-hero{position:relative;flex:1.1;display:none;overflow:hidden}@media(min-width:1024px){.auth-hero{display:block}}.auth-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.05);transition:transform 20s ease;animation:auth-hero-zoom 30s ease-in-out infinite alternate}@keyframes auth-hero-zoom{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.auth-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,#020617f7,#020617d1 40%,#0206178c,#0206176b);z-index:1}.auth-hero-content{position:absolute;bottom:0;left:0;right:0;padding:3.5rem;z-index:2}.auth-float-card{background:#ffffff0f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:.875rem 1.25rem;transition:all .3s ease;animation:auth-float-bob 5.5s ease-in-out infinite;will-change:transform}.auth-float-card:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.auth-hero-content .auth-float-card:nth-child(1){animation-delay:0s}.auth-hero-content .auth-float-card:nth-child(2){animation-delay:.8s}.auth-hero-content .auth-float-card:nth-child(3){animation-delay:1.6s}@keyframes auth-float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-feature-pill{display:flex;align-items:center;gap:.5rem;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:9999px;padding:.5rem 1rem;font-size:.6875rem;font-weight:700;color:#ffffffb3;letter-spacing:.02em;transition:all .3s ease}.auth-feature-pill:hover{background:#ffffff1a;color:#ffffffe6}.auth-form-panel{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;overflow:hidden}@media(min-width:1024px){.auth-form-panel{max-width:600px;border-radius:0}}.auth-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(148,163,184,.12) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.auth-flipper{position:relative;width:100%;max-width:450px;perspective:1200px}.auth-flipper-inner{position:relative;width:100%;min-height:640px;transition:transform .7s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.auth-flipper.flipped .auth-flipper-inner{transform:rotateY(180deg)}.auth-face{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.auth-face-front{z-index:2}.auth-face-back{transform:rotateY(180deg)}.auth-input{width:100%;padding:.8125rem 1rem;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.75rem;font-size:.875rem;font-weight:500;color:#1e293b;outline:none;transition:all .3s ease}.auth-input::placeholder{color:#94a3b8;font-weight:400}.auth-input:focus{background:#fff;border-color:#4bc97a;box-shadow:0 0 0 4px #4bc97a1a}.auth-face h1{font-weight:800;letter-spacing:-.01em}.auth-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.9375rem 1.5rem;background:#0f172a;color:#fff;border:none;border-radius:.75rem;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 12px 34px -10px #0206178c}.auth-submit:hover{background:#020617;box-shadow:0 16px 44px -14px #020617a6;transform:translateY(-1px)}.auth-submit:active{transform:translateY(0) scale(.98)}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.75rem 1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;font-size:.8125rem;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease}.auth-social-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}@media(max-width:640px){.auth-flipper-inner{min-height:720px}.auth-form-panel{padding:1.5rem}}@media(max-width:1023px){.auth-wrapper{flex-direction:column}.auth-form-panel{border-radius:0;max-width:none}}
