:root{--brand-blue: #00A9E0;--brand-dark: #090e1a;--brand-orange: #FF5E00;--brand-gradient: linear-gradient(135deg, #00A9E0, #4FD1C5);--bg-dark: #0b1120;--text-white: #f8fafc;--text-muted: #94a3b8}.lang-dropdown{position:absolute;top:20px;right:20px;display:inline-block;z-index:1001}.lang-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.lang-btn:hover{background:#ffffff1a;border-color:var(--brand-blue);transform:translateY(-1px)}.lang-btn:after{content:"▼";font-size:.6rem;transition:transform .3s;opacity:.7}.lang-dropdown.active .lang-btn:after{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:120px;padding:8px;display:none;flex-direction:column;gap:4px;z-index:2000;box-shadow:0 10px 30px #00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform-origin:top right;animation:dropDownFade .2s ease-out}@keyframes dropDownFade{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.lang-dropdown.active .lang-menu{display:flex}.lang-option{background:transparent;border:none;color:var(--text-muted);padding:8px 12px;text-align:left;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.lang-option:hover{background:#00a9e01a;color:var(--brand-blue)}.lang-option.active{color:#fff!important;background:#ffffff0d}.lang-option.active:after{content:"✓";font-size:.8rem;color:var(--brand-blue)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);background:radial-gradient(circle at center,#1e293b,#0b1120);height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-white)}.login-container{width:100%;max-width:450px;padding:20px}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;box-shadow:0 25px 50px -12px #00000080}.login-card{padding:3rem;text-align:center}.logo{font-size:2rem;font-weight:800;letter-spacing:-1px;margin-bottom:2rem}.logo span{color:var(--brand-orange)}h1{font-size:2rem;margin-bottom:.5rem}p{color:var(--text-muted);margin-bottom:2.5rem}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{display:block;font-size:.9rem;margin-bottom:.5rem;font-weight:500;color:var(--text-muted)}.input-group input{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s}.input-group input:focus{outline:none;border-color:var(--brand-blue);background:#ffffff14}.auth-toggle{font-size:.9rem;margin-bottom:2rem;color:var(--text-muted)}.auth-toggle a{color:var(--brand-blue);text-decoration:none;font-weight:600}.btn-primary{width:100%;padding:1rem;border-radius:12px;border:none;background:var(--brand-gradient);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s,box-shadow .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00a9e04d}.auth-message{margin-top:1.5rem;font-size:.9rem;padding:.8rem;border-radius:8px;display:none}.auth-message.error{display:block;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.auth-message.success{display:block;background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}