body{background:radial-gradient(ellipse at 10% 0%,#39210c,transparent 45%),radial-gradient(ellipse at 90% 100%,#192739,transparent 42%),#090c11!important;color:#eaf0f8;font-family:'Segoe UI',Arial,sans-serif!important;padding:50px 22px!important}body:before{content:'HEX PRO AUTH / SECURE ACCESS';position:fixed;top:24px;left:30px;font-size:10px;letter-spacing:2.8px;color:#9babbf}body:after{content:'hexproauth.com';position:fixed;right:30px;bottom:24px;color:#7a8c9f;font-size:11px}.card{max-width:480px!important;padding:40px 42px!important;border:1px solid #35404c!important;border-radius:18px!important;background:linear-gradient(150deg,#161e29ed,#0d121af5)!important;box-shadow:0 25px 90px #0007!important}.logo{max-width:100px!important;border-radius:18px!important;box-shadow:0 10px 30px #0006!important;border:1px solid #614322}.title{font-size:25px!important;font-weight:650!important;letter-spacing:1px;color:#edf2fa!important;margin-top:24px!important}.subtitle{color:#93a4b9!important;font-size:12px;letter-spacing:.3px}.form-control{background:#0b111b!important;border:1px solid #344255!important;border-radius:8px!important;color:#f0f5fc!important;min-height:48px!important}.form-control::placeholder{color:#7b8da4!important}.form-control:focus{border-color:#ff982f!important;box-shadow:0 0 0 3px #ff982f15!important}.btn-orange{background:linear-gradient(110deg,#ffa13b,#ff7718)!important;color:#1a1005!important;min-height:48px;border-radius:8px;font-weight:700;box-shadow:none!important}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff871b18!important}.portal-switcher{display:flex;gap:8px;margin:22px 0}.portal-switcher a{flex:1;padding:10px 4px!important;border:1px solid #303d4d!important;border-radius:7px!important;background:#111a26;color:#a6b6cc!important;font-size:10px;letter-spacing:1px;transition:.2s}.portal-switcher a:hover,.portal-switcher a.active{background:#372516!important;border-color:#8d5725!important;color:#ffbf7b!important;transform:translateY(-2px)}.link-box{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.link-box a{font-size:11px;color:#a4b6cd!important}.link-box a:hover{color:#ffaf5f!important}.btn-secondary{background:none!important;border:1px solid #334052!important;color:#afc0d7!important;box-shadow:none!important;border-radius:8px;min-height:42px}.hexproauth-remember{color:#acbbce!important;font-size:12px}.toggle-pass{color:#8c9fb8!important}a:focus-visible,button:focus-visible{outline:2px solid #ff982f;outline-offset:3px}@media(max-width:480px){.card{padding:30px 24px!important}.title{font-size:22px!important}body:before{left:22px;font-size:8px}body:after{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;transform:none!important;animation:none!important}}