@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--auth-primary: #4f46e5;--auth-primary-hover: #4338ca;--auth-bg: #0f172a;--auth-card-bg: rgba(255, 255, 255, .02);--auth-border: rgba(255, 255, 255, .08);--auth-text-main: #f8fafc;--auth-text-muted: #94a3b8;--auth-input-bg: rgba(15, 23, 42, .6)}.auth-page-wrapper{min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--auth-bg);background-image:radial-gradient(circle at 0% 0%,rgba(79,70,229,.15) 0%,transparent 35%),radial-gradient(circle at 100% 100%,rgba(99,102,241,.15) 0%,transparent 35%);font-family:Inter,sans-serif;padding:max(1.5rem,env(safe-area-inset-top)) 1.5rem max(1.5rem,env(safe-area-inset-bottom));position:relative;overflow-x:hidden;overflow-y:auto}.auth-bg-blob{position:absolute;width:500px;height:500px;background:var(--auth-primary);filter:blur(120px);opacity:.1;border-radius:50%;z-index:0;pointer-events:none}.blob-1{top:-100px;right:-100px;animation:float 20s infinite alternate}.blob-2{bottom:-100px;left:-100px;animation:float 25s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.auth-glass-card{width:100%;max-width:420px;margin:auto;background:#1e293bb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:2rem;padding:3rem 2.5rem;border:1px solid var(--auth-border);box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff0d;position:relative;z-index:10}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo-box{width:64px;height:64px;background:linear-gradient(135deg,var(--auth-primary),#818cf8);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 0 20px #4f46e566;color:#fff}.auth-title{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:800;color:var(--auth-text-main);margin-bottom:.5rem;letter-spacing:-.03em}.auth-subtitle{font-size:.875rem;color:var(--auth-text-muted);font-weight:500}.auth-lang-selector{display:flex;justify-content:center;gap:.25rem;margin-bottom:2.5rem;background:#0f172a66;padding:.25rem;border-radius:.75rem;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--auth-border)}.auth-lang-btn{padding:.5rem 1rem;border-radius:.625rem;font-size:.75rem;font-weight:700;text-transform:uppercase;border:none;background:transparent;color:var(--auth-text-muted);cursor:pointer;transition:all .2s ease;min-width:44px}.auth-lang-btn:hover{color:var(--auth-text-main)}.auth-lang-btn.active{background:var(--auth-primary);color:#fff!important;box-shadow:0 4px 12px #4f46e533}.auth-form-group{margin-bottom:1.25rem}.auth-label{display:block;font-size:.813rem;font-weight:600;color:#cbd5e1;margin-bottom:.5rem;margin-left:.25rem}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--auth-text-muted);width:1.125rem;height:1.125rem;transition:all .2s ease;z-index:10}.auth-input-field{width:100%;height:3.5rem;background:var(--auth-input-bg)!important;border:1px solid var(--auth-border);border-radius:1rem;padding:0 1.25rem 0 3.25rem!important;font-size:.938rem;color:#fff!important;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.auth-input-field:-webkit-autofill,.auth-input-field:-webkit-autofill:hover,.auth-input-field:-webkit-autofill:focus,.auth-input-field:-webkit-autofill:active{-webkit-background-clip:text!important;-webkit-text-fill-color:white!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #1e293b!important;color:#fff!important}.auth-input-field:focus{outline:none;border-color:var(--auth-primary);background:#0f172acc;box-shadow:0 0 0 4px #4f46e526}.auth-input-field:focus+.auth-input-icon{color:var(--auth-primary)}.auth-password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--auth-text-muted);background:none;border:none;cursor:pointer;padding:.5rem;z-index:10}.auth-options{display:flex;align-items:center;justify-content:space-between;margin:1.25rem 0 2rem}.remember-me-label{display:flex;align-items:center;gap:.625rem;cursor:pointer;font-size:.813rem;color:var(--auth-text-muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-checkbox-container input{display:none}.checkmark{width:1.125rem;height:1.125rem;background:var(--auth-input-bg);border:1px solid var(--auth-border);border-radius:.375rem;display:block;position:relative}.custom-checkbox-container input:checked~.checkmark{background:var(--auth-primary);border-color:var(--auth-primary)}.checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox-container input:checked~.checkmark:after{display:block}.auth-forgot-link{font-size:.813rem;color:var(--auth-primary);text-decoration:none;font-weight:600;transition:opacity .2s}.auth-submit-btn{width:100%;height:3.5rem;background:var(--auth-primary);color:#fff;border:none;border-radius:1rem;font-size:.938rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s;box-shadow:0 4px 12px #4f46e54d}.auth-submit-btn:hover{background:var(--auth-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.auth-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--auth-border);text-align:center}.auth-switch-btn{background:none;border:none;color:var(--auth-text-muted);font-size:.813rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 auto;transition:color .2s}.auth-switch-btn:hover{color:var(--auth-text-main)}@media (max-width: 480px){.auth-glass-card{padding:2rem 1.5rem;border-radius:1.5rem}}.liquid-bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#0a192f;overflow:hidden}.liquid-blob{position:absolute;width:600px;height:600px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);filter:blur(80px);border-radius:50%;z-index:1;opacity:.4;animation:move 25s infinite alternate}.liquid-blob:nth-child(2){width:500px;height:500px;background:linear-gradient(135deg,#1e40af,#1d4ed8);bottom:-100px;right:-100px;animation-duration:30s;animation-delay:-5s}.liquid-blob:nth-child(3){width:400px;height:400px;background:linear-gradient(135deg,#172554,#1e3a8a);top:50%;left:50%;transform:translate(-50%,-50%);animation-duration:35s;animation-delay:-10s}@keyframes move{0%{transform:translate(-10%,-10%) rotate(0)}to{transform:translate(20%,20%) rotate(360deg)}}.glass-card{background:#ffffff08;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 25px 50px -12px #00000080}.glass-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff!important;transition:all .3s ease}.glass-input::-moz-placeholder{color:#fff3;-moz-transition:opacity .1s ease;transition:opacity .1s ease}.glass-input::placeholder{color:#fff3;transition:opacity .1s ease}.glass-input:focus::-moz-placeholder{opacity:0!important}.glass-input:focus::placeholder{opacity:0!important}.glass-input:not(:-moz-placeholder){background:#ffffff1a}.glass-input:not(:placeholder-shown){background:#ffffff1a}.glass-input:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 4px #3b82f61a}.relative:has(.glass-input:not(:-moz-placeholder)) svg:not(.eye-icon){opacity:0;pointer-events:none;-moz-transition:opacity .2s ease;transition:opacity .2s ease}.relative:has(.glass-input:not(:placeholder-shown)) svg:not(.eye-icon){opacity:0;pointer-events:none;transition:opacity .2s ease}.glass-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;box-shadow:0 10px 20px -5px #2563eb66;transition:all .3s ease}.glass-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #2563eb80;filter:brightness(1.1)}.glass-button:active{transform:translateY(0)}