*{margin:0;padding:0;box-sizing:border-box}:root{--sapphire-primary:#0066cc;--sapphire-secondary:#0099ff;--sapphire-accent:#00ccff;--sapphire-deep:#003366;--sapphire-glow:#33ccff;--sapphire-soft:#e6f3ff;--bg-primary:#f0f9ff;--bg-secondary:#e6f3ff;--bg-gradient:linear-gradient(135deg, #f0f9ff 0%, #e6f3ff 50%, #d9efff 100%);--text-primary:#0a1928;--text-secondary:#1e3a5f;--card-bg:rgba(255, 255, 255, 0.92);--card-bg-solid:#ffffff;--border-color:rgba(0, 102, 204, 0.18);--shadow-color:rgba(0, 102, 204, 0.12);--shadow-strong:rgba(0, 102, 204, 0.22);--shadow-sm:0 2px 8px rgba(0, 102, 204, 0.08);--shadow-md:0 4px 12px rgba(0, 102, 204, 0.12);--shadow-lg:0 8px 24px rgba(0, 102, 204, 0.15);--shadow-xl:0 20px 50px rgba(0, 102, 204, 0.18);--gradient-primary:linear-gradient(135deg, #0066cc, #0099ff, #00ccff);--gradient-secondary:linear-gradient(135deg, #003366, #0066cc, #0099ff);--gradient-accent:linear-gradient(135deg, #0099ff, #00ccff, #33ccff)}[data-theme="dark"]{--sapphire-primary:#00a3ff;--sapphire-secondary:#4db8ff;--sapphire-accent:#80ccff;--sapphire-deep:#001a33;--sapphire-glow:#0066cc;--bg-primary:#0a1428;--bg-secondary:#0d1a33;--bg-gradient:linear-gradient(135deg, #0a1428 0%, #0d1a33 50%, #10203d 100%);--text-primary:#ffffff;--text-secondary:#b3d9ff;--card-bg:rgba(13, 28, 52, 0.92);--card-bg-solid:#0f1a2f;--border-color:rgba(0, 163, 255, 0.22);--shadow-color:rgba(0, 163, 255, 0.18);--shadow-strong:rgba(0, 163, 255, 0.28);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.4);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.5);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.6);--shadow-xl:0 20px 50px rgba(0, 0, 0, 0.65);--gradient-primary:linear-gradient(135deg, #0066cc, #0099ff, #00ccff)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;font-size:16px;min-height:100dvh;overflow-x:hidden;transition:background 0.4s ease}.background-wrapper{position:fixed;inset:0;z-index:-2;overflow:hidden;background:var(--bg-gradient);will-change:transform}.glow-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.28;animation:floatOrb 28s infinite ease-in-out;will-change:transform,opacity;transform:translateZ(0)}.orb-1{width:620px;height:620px;top:-180px;left:-180px;background:radial-gradient(circle at 30% 30%,rgb(0 102 204 / .55),rgb(0 153 255 / .25))}.orb-2{width:540px;height:540px;bottom:-180px;right:-180px;background:radial-gradient(circle at 70% 70%,rgb(0 153 255 / .45),rgb(0 102 204 / .25));animation-delay:-9s}[data-theme="dark"] .glow-orb{opacity:.38}@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}20%{transform:translate(40px,-40px) scale(1.08)}40%{transform:translate(-30px,35px) scale(.96)}60%{transform:translate(35px,30px) scale(1.05)}80%{transform:translate(-35px,-35px) scale(.98)}}.particles-container{display:none}.auth-section{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;margin-top:70px}.auth-container{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}@media (max-width:992px){.auth-container{grid-template-columns:1fr;gap:2rem;max-width:520px}}.auth-hero{animation:slideInLeft 0.7s cubic-bezier(.25,.1,.25,1)}@keyframes slideInLeft{from{opacity:0;transform:translateX(-25px)}to{opacity:1;transform:translateX(0)}}.auth-hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,rgb(0 102 204 / .12),rgb(0 153 255 / .12));backdrop-filter:blur(10px);color:var(--sapphire-primary);padding:.6rem 1.2rem;border-radius:40px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgb(0 102 204 / .2)}.auth-hero-title{font-size:clamp(2.4rem, 5.5vw, 3.1rem);font-weight:700;line-height:1.15;margin-bottom:1.1rem}.title-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.auth-hero-subtitle{font-size:1.08rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.65}.auth-features{display:flex;flex-direction:column;gap:1rem}.auth-feature{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;background:var(--card-bg);backdrop-filter:blur(10px);border-radius:50px;border:1px solid var(--border-color);transition:all 0.3s ease;animation:fadeInUp 0.6s ease forwards;opacity:0}.auth-feature:hover{transform:translateX(8px);border-color:var(--sapphire-primary);box-shadow:var(--shadow-md)}.auth-feature i{color:var(--sapphire-primary);font-size:1.25rem}.auth-feature span{color:var(--text-primary);font-weight:500}.auth-card{background:var(--card-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:32px;padding:2.4rem;border:1px solid var(--border-color);box-shadow:var(--shadow-xl);animation:slideInRight 0.7s cubic-bezier(.25,.1,.25,1);transition:transform 0.3s ease}@keyframes slideInRight{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}.auth-card:hover{transform:translateY(-4px)}.auth-card-header{text-align:center;margin-bottom:2rem}.auth-card-header h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.auth-card-header p{color:var(--text-secondary);font-size:.95rem}.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.4rem;animation:fadeInUp 0.5s ease forwards;opacity:0}.form-group:nth-child(1){animation-delay:0.1s}.form-group:nth-child(2){animation-delay:0.15s}.form-group:nth-child(3){animation-delay:0.2s}.form-group:nth-child(4){animation-delay:0.25s}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group label i{color:var(--sapphire-primary)}.password-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.forgot-link{color:var(--sapphire-primary);font-size:.85rem;text-decoration:none;transition:color 0.3s ease}.forgot-link:hover{color:var(--sapphire-accent);text-decoration:underline}.form-control{width:100%;padding:1rem 1.25rem;background:var(--card-bg-solid);border:2px solid var(--border-color);border-radius:16px;font-size:.97rem;color:var(--text-primary);transition:all 0.25s ease;will-change:border-color,box-shadow}.form-control:focus{outline:none;border-color:var(--sapphire-primary);box-shadow:0 0 0 4px rgb(0 102 204 / .12)}.form-control::placeholder{color:var(--text-secondary);opacity:.6}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.25rem;cursor:pointer;padding:.4rem;z-index:10}.password-toggle:hover{color:var(--sapphire-primary)}.terms-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.terms-checkbox input[type="checkbox"]{width:18px;height:18px;accent-color:var(--sapphire-primary);cursor:pointer}.terms-checkbox label{font-size:.9rem;color:var(--text-secondary)}.terms-checkbox a{color:var(--sapphire-primary);text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.auth-btn{width:100%;padding:1.05rem;background:var(--gradient-primary);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:1.02rem;cursor:pointer;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-btn:hover{transform:translateY(-3px);box-shadow:0 12px 30px var(--shadow-strong)}.auth-btn:active{transform:translateY(-1px) scale(.985)}.auth-btn .btn-loader{display:none}.social-divider{position:relative;text-align:center;margin:1.5rem 0}.social-divider::before,.social-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 70px);height:1px;background:var(--border-color)}.social-divider::before{left:0}.social-divider::after{right:0}.social-divider span{background:var(--card-bg);padding:0 1rem;color:var(--text-secondary);font-size:.85rem}.social-btn{width:100%;padding:1rem;background:#fff0;border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-weight:500;font-size:.97rem;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:.8rem}.social-btn:hover{border-color:var(--sapphire-primary);background:rgb(0 102 204 / .06)}.social-btn i{color:var(--sapphire-primary)}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.auth-footer a{color:var(--sapphire-primary);text-decoration:none;font-weight:600}.auth-footer a:hover{color:var(--sapphire-accent);text-decoration:underline}.error-message{color:#e74c3c;background:rgb(231 76 60 / .1);padding:.8rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;text-align:center}.success-message{color:#2ecc71;background:rgb(46 204 113 / .1);padding:.8rem;border-radius:12px;margin-bottom:1rem;font-size:.9rem;text-align:center}@media (max-width:768px){.auth-section{padding:1rem .8rem;margin-top:65px}.auth-card{padding:2rem 1.8rem;border-radius:28px}.auth-hero-title{font-size:2.1rem}.auth-feature:hover{transform:translateY(-3px)}}@media (max-width:480px){.auth-card{padding:1.6rem 1.4rem}.form-control{padding:.95rem 1.1rem}.auth-btn{padding:1rem;font-size:1rem}}.form-control[type="password"]{padding-right:3.2rem!important}