.auth-login{position:relative;display:flex;min-height:100vh;overflow:hidden}.aurora-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.55;transition:opacity .4s ease}.aurora-canvas.hidden{opacity:0;pointer-events:none}[data-theme=dark] .aurora-canvas{opacity:.35}[data-theme=dark] .aurora-canvas.hidden{opacity:0}.auth-left{position:relative;flex:0 0 46%;display:flex;flex-direction:column;justify-content:space-between;padding:3rem 3.5rem;overflow:hidden;background:linear-gradient(160deg,#047857d9,#0a8159d9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#fff;border-right:1px solid rgba(255,255,255,.1);z-index:1}[data-theme=dark] .auth-left{background:linear-gradient(160deg,#022c20bf,#04785799);border-right:1px solid rgba(255,255,255,.05)}.auth-left:before{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:80%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);pointer-events:none}.auth-left:after{content:"";position:absolute;bottom:-30%;left:-10%;width:50%;height:70%;background:radial-gradient(circle,rgba(0,0,0,.18),transparent 60%);pointer-events:none}.auth-left-bg{display:none}.auth-left.with-image .auth-left-bg{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.12;mix-blend-mode:overlay}.auth-left.with-image .auth-left-bg img{width:100%;height:100%;object-fit:cover}.auth-left-top{position:relative;z-index:2;display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;color:#fff}.auth-left-top img{width:32px;height:32px;filter:brightness(0) invert(1)}.auth-left-content{position:relative;z-index:2;animation:fadeInUp .8s ease forwards}.auth-left-content h1{font-size:clamp(2rem,3vw,var(--font-size-4xl));font-weight:800;color:#fff;line-height:1.15;margin-bottom:var(--space-5);letter-spacing:-.02em}.auth-left-content h1 span{color:#ffffffb3;display:block;font-size:.55em;font-weight:600;margin-top:.3rem}.auth-left-content p{font-size:var(--font-size-base);color:#ffffffd9;line-height:1.7;max-width:380px;margin-bottom:var(--space-8)}.auth-features{position:relative;z-index:2;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.auth-features li{display:flex;align-items:flex-start;gap:.75rem;color:#ffffffeb;font-size:var(--font-size-sm);line-height:1.5}.auth-features li svg{flex-shrink:0;margin-top:2px;width:18px;height:18px;color:#fff;background:#ffffff2e;border-radius:50%;padding:3px;box-sizing:content-box}.auth-left-footer{position:relative;z-index:2;margin-top:var(--space-10)}.auth-progress{width:60px;height:4px;background:#fff6;border-radius:var(--radius-full);margin-bottom:var(--space-6);position:relative;overflow:hidden}.auth-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.auth-left-footer small{font-size:var(--font-size-xs);color:#ffffffb3}.auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:color-mix(in srgb,var(--white) 65%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1}[data-theme=dark] .auth-right{background:#0a0f1d8c}.auth-form-container{width:100%;max-width:420px;animation:fadeIn .6s ease forwards}.auth-form-container .logo-icon,.auth-form-header{margin-bottom:var(--space-8)}.auth-form-header h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.auth-form-header p{font-size:var(--font-size-sm);color:var(--gray-500)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-form .input-group .label-row{display:flex;justify-content:space-between;align-items:center}.auth-form .input-group .label-row a{font-size:var(--font-size-sm);font-weight:500;color:var(--gray-700)}.auth-form .input-group .label-row a:hover{color:var(--primary)}.auth-form .btn-primary{margin-top:var(--space-2)}.auth-social-buttons{display:flex;gap:var(--space-4)}.auth-social-buttons .btn-outline{flex:1;padding:.75rem}.auth-social-buttons .btn-outline img,.auth-social-buttons .btn-outline svg{width:20px;height:20px}.auth-footer-text{text-align:center;font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-6)}.auth-footer-text a{font-weight:600;color:var(--primary)}.auth-register{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(180deg,var(--gray-50) 0%,var(--white) 50%,var(--gray-50) 100%)}.register-container{width:100%;max-width:500px;animation:fadeInUp .6s ease forwards}.register-header{text-align:center;margin-bottom:var(--space-10)}.register-header .logo-icon,.register-header .logo-icon-lg{display:block;margin:0 auto var(--space-4)}.register-header h1{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.register-header p{font-size:var(--font-size-sm);color:var(--primary);font-weight:500}.register-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg)}.register-card h2{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-8)}.register-form{display:flex;flex-direction:column;gap:var(--space-5)}.register-form .input-field.has-icon{padding-left:2.75rem}.terms-group{display:flex;align-items:flex-start;gap:var(--space-3)}.terms-group input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.terms-group label{font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.5;cursor:pointer}.terms-group label a{font-weight:500;color:var(--primary)}.register-social-btn{border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:.75rem;display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--white);cursor:pointer;font-weight:500;color:var(--gray-700);transition:all var(--transition-base);font-size:var(--font-size-base);width:100%}.register-social-btn:hover{border-color:var(--gray-300);background:var(--gray-50);box-shadow:var(--shadow-md)}.register-social-btn img,.register-social-btn svg{width:20px;height:20px}.register-footer-links{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-8)}.register-footer-links a{font-size:var(--font-size-sm);color:var(--gray-400);transition:color var(--transition-fast)}.register-footer-links a:hover{color:var(--gray-600)}.register-copyright{text-align:center;margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--gray-400)}@media(max-width:900px){.auth-login{flex-direction:column}.auth-left{flex:none;min-height:260px;padding:2rem}.auth-left-content h1{font-size:var(--font-size-2xl)}.auth-right{padding:2rem}.auth-left-footer{display:none}}@media(max-width:600px){.auth-left{min-height:200px;padding:1.5rem}.auth-right{padding:1.5rem}.register-card{padding:var(--space-6)}.auth-social-buttons{flex-direction:column}}@media(max-width:480px){.auth-container{padding:0}.auth-login{min-height:100vh;flex-direction:column;border-radius:0}.auth-left{display:none}.auth-right{width:100%;flex:1;padding:1.25rem;min-height:100vh}.auth-card,.register-card{padding:1.25rem;box-shadow:none;border:none;background:transparent;max-width:100%}.auth-card h1,.auth-card h2,.register-card h1{font-size:var(--font-size-xl)}.input-field{padding:.75rem .875rem;font-size:16px}.input-wrapper .input-icon{left:.875rem}.input-wrapper .input-field.has-icon{padding-left:2.5rem}.toggle-password{right:.875rem}.auth-form .input-group{gap:.375rem}.auth-form{gap:var(--space-3)}.auth-footer{font-size:var(--font-size-xs);flex-direction:column;gap:var(--space-2);text-align:center}.auth-divider{margin:var(--space-2) 0}.auth-social-buttons{flex-direction:column;gap:var(--space-2)}.auth-social-btn{width:100%;padding:.75rem;font-size:.875rem}}@media(min-width:481px)and (max-width:900px){.auth-login{flex-direction:column;margin:1.5rem;min-height:auto}.auth-left{flex:none;min-height:220px;padding:1.75rem}.auth-left-content h1{font-size:var(--font-size-xl)}.auth-left-content p{font-size:.875rem}.auth-right{padding:1.75rem}.auth-left-footer{display:none}}@media(min-width:600px)and (max-width:768px){.auth-login{flex-direction:column}.auth-left{min-height:240px;padding:2rem}.auth-right{padding:2rem}}@media(max-height:600px)and (orientation:landscape){.auth-left{min-height:140px}}@media(min-width:901px)and (max-width:1024px){.auth-login{max-width:900px}.auth-left-content h1{font-size:1.65rem}}@media(max-width:768px){.auth-form-row{flex-direction:column;gap:var(--space-3)}}.auth-form .input-field{background:color-mix(in srgb,var(--white) 75%,transparent);border:1.5px solid color-mix(in srgb,var(--gray-200) 40%,transparent);color:var(--gray-900)}[data-theme=dark] .auth-form .input-field{background:#ffffff08;border-color:#ffffff14;color:#fff}.auth-form .input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0d9b6a40,0 0 20px #0d9b6a26;background:var(--white)}[data-theme=dark] .auth-form .input-field:focus{background:#ffffff0d}.auth-social-buttons .btn-outline,.register-social-btn{background:color-mix(in srgb,var(--white) 70%,transparent);border:1.5px solid color-mix(in srgb,var(--gray-200) 40%,transparent);color:var(--gray-700);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base)}[data-theme=dark] .auth-social-buttons .btn-outline,[data-theme=dark] .register-social-btn{background:#ffffff08;border-color:#ffffff14;color:#e2e8f0}.auth-social-buttons .btn-outline:hover,.register-social-btn:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary-light) 50%,transparent);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0d9b6a26}[data-theme=dark] .auth-social-buttons .btn-outline:hover,[data-theme=dark] .register-social-btn:hover{background:#0d9b6a1a;color:#10b981}[data-theme=dark] .divider{color:var(--gray-500)}[data-theme=dark] .divider:before,[data-theme=dark] .divider:after{background:#ffffff14}.auth-back-btn{position:absolute;top:1.5rem;left:1.5rem;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.2);color:#fff;z-index:10;transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-back-btn:hover{background:#ffffff38;border-color:#fff6;transform:translate(-3px);box-shadow:0 4px 12px #00000026}