*{box-sizing:border-box;margin:0;padding:0}.login-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{background:#000;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.background-wave{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.wave-image{object-fit:cover;opacity:.6;width:100%;height:100%}.login-content{z-index:1;flex-direction:column;align-items:center;gap:40px;width:100%;max-width:1000px;display:flex;position:relative}.logo-section{flex-direction:column;align-items:center;gap:12px;display:flex}.ticker-logo{object-fit:contain;width:60px;height:60px}.text-logo{object-fit:contain;height:18px!important}.brand-title{color:#fff;letter-spacing:2px;margin:0;font-size:32px;font-weight:700}.welcome-title{color:#fff;text-align:center;margin:0;font-size:24px;font-weight:400}.cards-container{background:#ffffff1a;border-radius:12px;justify-content:center;width:100%;max-width:450px;display:flex;overflow:hidden}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;flex-direction:column;align-items:center;width:100%;padding:40px 32px;display:flex}.card-title{color:#fff;text-align:center;margin:0 0 32px;font-size:20px;font-weight:600}.login-form{flex-direction:column;gap:24px;width:100%;max-width:300px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.form-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:16px;font-size:16px;transition:all .3s}.form-input::placeholder{color:#ffffff80}.form-input:focus{background:#ffffff14;border-color:#ff4e00}.form-input.input-error{border-color:#f44}.password-container{width:100%;position:relative}.password-toggle{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.error-message{color:#f44;text-align:center;background:#ff44441a;border:1px solid #f44;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.error-text{color:#f44;margin-top:4px;font-size:12px}.login-button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:all .3s}.login-button:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.forgot-password{text-align:center;margin-top:8px}.forgot-link{color:#ff4e00;font-size:14px;text-decoration:none;transition:color .3s}.forgot-link:hover{color:#e63900;text-decoration:underline}.signup-section{text-align:center}.signup-text{color:#ffffffb3;font-size:16px}.signup-link{color:#ff4e00;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.signup-link:hover{color:#e63900;text-decoration:underline}.contact-section{text-align:center}.contact-text{color:#ffffff80;font-size:14px}.contact-link{color:#ff4e00;font-size:14px;text-decoration:none;transition:color .3s}.contact-link:hover{color:#e63900;text-decoration:underline}@media (max-width:768px){.login-container{padding:16px}.login-content{gap:32px}.ticker-logo{width:50px;height:50px}.text-logo{height:18px!important}.brand-title{font-size:28px}.welcome-title{font-size:20px}.cards-container{max-width:400px}.login-card{padding:32px 24px}.card-title{margin-bottom:24px;font-size:18px}.login-form{max-width:100%}}@media (max-width:480px){.login-container{padding:12px}.login-content{gap:24px}.brand-title{font-size:24px}.welcome-title{font-size:18px}.login-card{padding:24px 20px}.form-input,.login-button{padding:14px;font-size:16px}}.language-toggle{z-index:1000;position:absolute;top:20px;right:20px}.language-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00bcd4e6;border:none;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600;transition:all .3s}.language-btn:hover{background:#00bcd4;transform:translateY(-1px)}.maintenance-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff98001a 0%,#ff57221a 100%);border:1px solid #ff98004d;border-radius:16px;margin:20px 0;padding:24px;animation:.6s ease-out fadeInUp}.maintenance-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.maintenance-icon{color:#ff9800;filter:drop-shadow(0 0 8px #ff98004d)}.rotating{animation:3s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-title{color:#ff9800;text-shadow:0 0 10px #ff98004d;margin:0;font-size:1.5rem;font-weight:700}.maintenance-subtitle{color:#ffb74d;margin:0 0 16px;font-size:1rem;font-weight:500}.maintenance-content{color:#fff3e0;line-height:1.6}.maintenance-description{opacity:.9;margin-bottom:20px;font-size:.95rem}.maintenance-details{background:#0003;border:1px solid #ff980033;border-radius:12px;flex-direction:column;gap:12px;margin:20px 0;padding:16px;display:flex}.maintenance-info{align-items:center;gap:8px;font-size:.9rem;display:flex}.maintenance-info svg{color:#ff9800;flex-shrink:0}.info-label{color:#ffcc80;font-weight:500}.info-value{color:#fff;font-weight:600}.info-value.highlight{color:#ff9800;text-shadow:0 0 8px #ff980066;font-size:1.1rem}.info-value.status{color:#ffab40;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.maintenance-apology{color:#ffcc80;text-align:center;margin-top:16px;font-size:.9rem;font-style:italic}.cards-container.disabled{opacity:.5;pointer-events:none;filter:grayscale(20%);transition:all .3s}.cards-container.disabled:after{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001a;border-radius:20px;position:absolute;inset:0}.login-button:disabled{cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#555 100%);transform:none}.login-button:disabled:hover{transform:none;box-shadow:0 4px 12px #0003}.form-input:disabled{color:#999;cursor:not-allowed;background:#ffffff0d}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.qr-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.qr-overlay svg{color:#ff9800;animation:3s linear infinite rotate}.forgot-link.disabled,.signup-link.disabled{color:#666;cursor:not-allowed;text-decoration:none}.forgot-link.disabled:hover,.signup-link.disabled:hover{color:#666;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.language-toggle{top:10px;right:10px}.language-btn{padding:6px 10px;font-size:12px}.maintenance-banner{margin:16px 0;padding:16px}.maintenance-title{font-size:1.25rem}.maintenance-details{padding:12px}.maintenance-info{font-size:.85rem}.info-value.highlight{font-size:1rem}}@media (max-width:480px){.maintenance-header{text-align:center;flex-direction:column;gap:8px}.maintenance-title{font-size:1.1rem}.maintenance-subtitle{font-size:.9rem}.maintenance-details{gap:8px}.maintenance-info{font-size:.8rem}}