:root { color-scheme: dark; }
* { box-sizing: border-box; }
.galaxy-login-page { min-height: 100svh; margin: 0; overflow-x: hidden; color: #f7f8fb; background: #020810; font-family: "Manrope", sans-serif; }
.galaxy-login-page::before, .galaxy-login-page::after { display: none !important; }
.login-market-bg { position: fixed; inset: 0; z-index: 0; background: radial-gradient(circle at 17% 30%, rgba(160,97,11,.16), transparent 26%), radial-gradient(circle at 82% 45%, rgba(7,59,91,.22), transparent 30%), #020810; }
.trading-login-shell { position: relative; z-index: 1; min-height: 100svh; display: flex; flex-direction: column; }
.trading-topbar { height: 96px; display: flex; align-items: center; justify-content: space-between; width: min(100% - 100px, 1450px); margin: 0 auto; }
.trading-brand, .card-brand { display: inline-flex; align-items: center; gap: 12px; color: #f7cb58; text-decoration: none; letter-spacing: .15em; }
.trading-logo-image { display: block; width: 54px; height: 54px; overflow: hidden; border: 1px solid rgba(241, 193, 58, .72); border-radius: 50%; background: url("../images/logo.png") center / cover no-repeat; box-shadow: 0 0 14px rgba(244, 190, 48, .28); }
.trading-brand-mark { width: 48px; height: 52px; display: grid; place-items: center; color: #ffcf58; font-size: 31px; transform: skewX(-12deg); text-shadow: 0 0 15px rgba(255,187,43,.78); }
.trading-brand strong, .card-brand strong { display: block; font-size: 25px; font-weight: 800; line-height: 1; }.trading-brand small, .card-brand small { display: block; margin-top: 5px; padding-left: .13em; color: #ffe197; font-size: 13px; font-weight: 800; letter-spacing: .34em; }
.trading-nav { display: flex; align-items: center; gap: 39px; }.trading-nav a, .language-button { color: #e6eaf1; font-family: inherit; font-size: 13px; text-decoration: none; }.trading-nav a:hover { color: #fbcf5b; }.nav-divider { height: 18px; width: 1px; background: rgba(255,255,255,.13); }.language-button { display: flex; gap: 9px; align-items: center; padding: 0; border: 0; background: none; cursor: pointer; }.language-button .fa-globe { font-size: 17px; }.language-button .fa-chevron-down { font-size: 10px; }
.trading-login-layout { width: min(100% - 100px, 1450px); flex: 1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(410px, .85fr); align-items: center; gap: 70px; margin: 0 auto; padding: 12px 0 30px; }
.login-showcase { position: relative; align-self: stretch; min-height: 540px; overflow: hidden; border-radius: 18px; }.showcase-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left center; opacity: .72; filter: saturate(1.14) contrast(1.08); }.showcase-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(1,8,16,.13), transparent 65%), linear-gradient(0deg, rgba(1,8,16,.14), transparent 55%); }.showcase-copy { display: none; }
.login-card { width: 100%; padding: 1px; border-radius: 16px; background: linear-gradient(135deg, #ffdc70, #ad7618 42%, #f7d667); box-shadow: 0 22px 60px rgba(0,0,0,.45), 0 0 35px rgba(255,189,42,.09); }.login-card-inner { min-height: 568px; padding: 29px 46px 28px; border-radius: 15px; background: linear-gradient(145deg, rgba(6,19,32,.98), rgba(2,12,23,.98)); }.card-brand { justify-content: center; width: 100%; gap: 8px; transform: scale(.78); transform-origin: top center; margin-bottom: -11px; }.card-brand .trading-brand-mark { height: 39px; width: 38px; font-size: 27px; }.login-card h2 { margin: 0; color: #ffda6a; font-family: "Cormorant Garamond", serif; font-size: 45px; line-height: 1; text-align: center; }.card-subtitle { margin: 8px 0 25px; color: #d3d9e1; font-size: 15px; text-align: center; }
.galaxy-login-page .alert { margin: 0 0 16px; padding: 11px; border: 1px solid rgba(255,207,96,.55); border-radius: 8px; color: #fff; background: rgba(121,64,8,.28); font-size: 12px; text-align: center; }.form-label { display: block; margin: 0 0 8px; color: #f3f4f6; font-size: 13px; font-weight: 600; }.galaxy-login-page .login-field { height: 52px; display: flex; align-items: center; gap: 13px; margin: 0 0 20px; padding: 0 14px; border: 1px solid #516378 !important; border-radius: 9px; background: rgba(3,15,27,.7) !important; transition: border-color .2s, box-shadow .2s; }.galaxy-login-page .login-field:focus-within { border-color: #f2c651 !important; box-shadow: 0 0 0 3px rgba(243,195,72,.11); }.galaxy-login-page .login-field > i { width: 19px; color: #d5ddea !important; font-size: 18px; text-align: center; }.galaxy-login-page .login-field input { width: 100%; height: 100%; min-width: 0; padding: 0 !important; border: 0 !important; outline: 0; color: #fff !important; background: transparent !important; font-family: inherit; font-size: 13px; }.galaxy-login-page .login-field input::placeholder { color: #8693a5 !important; }.password-toggle { border: 0 !important; background: transparent !important; color: #d5ddea !important; font-size: 16px; cursor: pointer; }.login-options { display: flex; align-items: center; justify-content: space-between; margin: 2px 0 25px; color: #d7dce3; font-size: 13px; }.remember-me { display: flex; align-items: center; gap: 9px; cursor: pointer; }.remember-me input { position: absolute; opacity: 0; }.remember-me span { width: 18px; height: 18px; display: grid; place-items: center; border: 1px solid #cc9931; border-radius: 4px; background: #f8c854; }.remember-me input:checked + span::after { content: "✓"; color: #10151b; font-size: 14px; font-weight: 800; }.forgot-link, .signup a { color: #ffdc6f !important; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }.galaxy-login-page .login-btn { position: relative; width: 100%; height: 62px; display: flex; align-items: center; justify-content: center; border: 0 !important; border-radius: 10px; color: #15120b !important; background: linear-gradient(105deg, #f6bd3d, #ffdc72 52%, #e9a92c) !important; box-shadow: inset 0 1px 1px rgba(255,255,255,.75), 0 6px 17px rgba(222,153,23,.18) !important; font-family: inherit; font-size: 18px; font-weight: 800; cursor: pointer; }.galaxy-login-page .login-btn span, .galaxy-login-page .login-btn i { color: #15120b !important; }.galaxy-login-page .login-btn i { position: absolute; right: 32%; }.galaxy-login-page .login-btn:hover { filter: brightness(1.08); transform: translateY(-1px); }.galaxy-login-page .login-btn.btn-loading span, .galaxy-login-page .login-btn.btn-loading i { visibility: hidden; }.galaxy-login-page .login-btn.btn-loading::after { content: ""; position: absolute; width: 18px; height: 18px; border: 2px solid #17120a; border-right-color: transparent; border-radius: 50%; animation: login-spin .7s linear infinite; } @keyframes login-spin { to { transform: rotate(360deg); } }
.or-divider { display: flex; align-items: center; gap: 14px; margin: 27px 0 24px; color: #c6cbd4; font-size: 12px; }.or-divider span { height: 1px; flex: 1; background: #415061; }.or-divider b { font-weight: 500; }.signup { margin: 0; color: #cbd1da; font-size: 13px; text-align: center; }.signup i { margin-left: 6px; text-decoration: none; }.quick-account-select { width: 100%; height: 42px; margin: 0 0 16px; padding: 0 13px; border: 1px solid #516378; border-radius: 8px; color: #dbe3ee; background: #081726; font-family: inherit; font-size: 12px; }.quick-account-select[hidden] { display: none; }
.trust-bar { width: min(100% - 100px, 1450px); min-height: 92px; display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 auto; border-top: 1px solid rgba(159,182,202,.24); }.trust-bar > div { display: flex; align-items: center; justify-content: center; gap: 18px; border-right: 1px solid rgba(159,182,202,.28); }.trust-bar > div:last-child { border: 0; }.trust-bar > div > i { color: #f6c64c; font-size: 31px; }.trust-bar p { margin: 0; }.trust-bar strong, .trust-bar span { display: block; }.trust-bar strong { color: #f2f4f8; font-size: 13px; }.trust-bar span { margin-top: 4px; color: #a5b1c1; font-size: 11px; }
@media (max-width: 900px) { .trading-topbar, .trading-login-layout, .trust-bar { width: min(100% - 48px, 650px); }.trading-topbar { height: 82px; }.trading-nav { gap: 16px; }.trading-nav a { display: none; }.trading-login-layout { grid-template-columns: 1fr; gap: 0; padding: 0 0 32px; }.login-showcase { min-height: 340px; border-radius: 15px 15px 0 0; }.showcase-copy { bottom: 38px; left: 28px; }.showcase-copy h1 { font-size: 58px; }.showcase-points { margin-top: 26px; }.login-card { border-radius: 0 0 15px 15px; }.login-card-inner { min-height: 0; padding: 30px 38px; border-radius: 0 0 14px 14px; }.trust-bar { grid-template-columns: 1fr 1fr; }.trust-bar > div { min-height: 74px; }.trust-bar > div:nth-child(2) { border-right: 0; }.trust-bar > div:nth-child(n+3) { border-top: 1px solid rgba(159,182,202,.28); } }
@media (max-width: 520px) { .login-market-bg { display: none; }.galaxy-login-page { background: #030c16; }.trading-topbar, .trading-login-layout, .trust-bar { width: 100%; }.trading-topbar { height: 70px; padding: 0 20px; }.trading-brand-mark { width: 38px; height: 42px; font-size: 25px; }.trading-brand strong { font-size: 18px; }.trading-brand small { font-size: 9px; }.language-button { font-size: 12px; }.language-button .fa-globe { font-size: 15px; }.nav-divider { display: none; }.trading-login-layout { padding: 0; }.login-showcase { order: 0; min-height: 345px; border-radius: 0; }.showcase-art { opacity: .82; object-position: left center; mix-blend-mode: normal; }.showcase-shade { background: linear-gradient(0deg, rgba(1,8,16,.35), rgba(1,8,16,.02) 78%); }.login-card { border-radius: 0; background: linear-gradient(90deg, #ae781c, #ffdc6b, #ae781c); }.login-card-inner { padding: 28px 21px 35px; border-radius: 0; }.login-card h2 { font-size: 42px; }.card-subtitle { margin-bottom: 24px; }.galaxy-login-page .login-field { margin-bottom: 17px; }.login-options { margin-bottom: 22px; font-size: 12px; }.galaxy-login-page .login-btn { height: 57px; }.trust-bar { display: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* Signup uses the same visual system, with room for its additional registration fields. */
.galaxy-signup-page .signup-login-layout { padding-bottom: 38px; }
.galaxy-signup-page .login-card-inner { min-height: 660px; padding-top: 26px; }
.galaxy-signup-page .card-subtitle { margin-bottom: 21px; }
.galaxy-signup-page .login-field { margin-bottom: 15px; }
.galaxy-signup-page .signup-alert:empty { display: none; }
.galaxy-signup-page .signup-alert:not(:empty) { margin: 0 0 16px; }
.galaxy-signup-page .or-divider { margin: 22px 0 19px; }
.galaxy-signup-page .signup-card .login-btn { margin-top: 3px; }
@media (max-width: 900px) { .galaxy-signup-page .login-card-inner { min-height: 0; } }
@media (max-width: 520px) { .galaxy-signup-page .login-card-inner { padding-top: 29px; }.galaxy-signup-page .login-field { margin-bottom: 16px; }.galaxy-signup-page .or-divider { margin-top: 23px; } }

@media (max-width: 520px) { .trading-logo-image { width: 46px; height: 46px; } }