:root{--navy: #07111D;--navy2: #0D1E30;--teal: #19C7C9;--gold: #F4D36B;--border: rgba(255,255,255,.08);--muted: rgba(255,255,255,.45);--text: rgba(255,255,255,.88);--green: #10B981;--radius: 6px;--font-serif: "DM Serif Display", Georgia, serif;--font-sans: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:var(--navy);color:var(--text);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% -10%,rgba(25,199,201,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 110%,rgba(244,211,107,.05) 0%,transparent 55%);pointer-events:none;z-index:0}.container{position:relative;z-index:1}.login-card{background:var(--navy2)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 24px 60px #00000073!important}.login-card .card-body{padding:2.5rem!important}.logo{width:100%;max-width:220px;height:auto;margin-bottom:1.5rem}.login-card h3{font-family:var(--font-sans)!important;font-size:10px!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;color:var(--muted)!important;margin-bottom:1.75rem!important}.login-card .form-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.login-card .form-control{background:#ffffff0d!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:12px 14px;font-family:var(--font-sans);font-size:14px;color:#fff!important;transition:border-color .2s,background .2s}.login-card .form-control::placeholder{color:#fff3;font-size:13px}.login-card .form-control:focus{border-color:var(--teal)!important;background:#19c7c90d!important;box-shadow:none!important;color:#fff!important}.btn-login{background:var(--teal)!important;border:none!important;border-radius:var(--radius)!important;padding:12px!important;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--navy)!important;cursor:pointer;transition:opacity .2s;width:100%}.btn-login:hover{opacity:.85}.login-card .text-muted{color:var(--muted)!important;font-size:12px}.login-card a{color:var(--teal)!important;text-decoration:none!important}.login-card a:hover{opacity:.8}.otp-inputs .otp-box{width:3rem!important;height:3rem;font-size:1.25rem;background:#ffffff0d!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:#fff!important;padding:0}.otp-inputs .otp-box:focus{border-color:var(--teal)!important;background:#19c7c90d!important;box-shadow:none!important;color:#fff!important}.modal-content{background:var(--navy2)!important;border:1px solid var(--border)!important;color:var(--text)!important}.modal-header{background:#19c7c91a!important;border-bottom:1px solid rgba(25,199,201,.2)!important;padding:18px 22px}.modal-header .modal-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:#fff}.modal-header .btn-close{filter:invert(1) grayscale(1);opacity:.6}.modal-header .btn-close:hover{opacity:1}.modal-body{padding:22px!important;background:var(--navy2)!important}.modal-body .form-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:block}.modal-body .form-control{background:#ffffff0d!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;color:#fff!important;padding:12px 14px;font-family:var(--font-sans);font-size:14px}.modal-body .form-control:focus{background:#19c7c90d!important;border-color:var(--teal)!important;box-shadow:none!important;color:#fff!important}.modal-body .form-control::placeholder{color:#fff3;font-size:13px}.modal-footer{background:var(--navy2)!important;border-top:1px solid var(--border)!important;padding:14px 22px}#recoverMessage{color:#6ee7b7!important;font-size:12px}#btnSendCode{background:var(--teal)!important;border:none!important;border-radius:var(--radius)!important;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--navy)!important;padding:10px 20px;cursor:pointer;transition:opacity .2s;width:100%}#btnSendCode:hover{opacity:.85}#btnValid{background:var(--green)!important;border:none!important;border-radius:var(--radius)!important;font-family:var(--font-sans);font-size:13px;font-weight:600;color:#fff!important;padding:9px 20px;cursor:pointer;transition:opacity .2s}#btnValid:hover{opacity:.85}.modal__custom,.modal__loader{width:100vw;height:100%;background-color:#07111dd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.modal__content{display:flex;align-items:center;justify-content:center}.loader{width:36px;height:36px;border:2px solid rgba(25,199,201,.2);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;position:relative}.loader:after{content:none}@keyframes spin{to{transform:rotate(360deg)}}.displayNone{display:none!important}