/* SurfGalleon account entrance. Scoped to login and registration. */
body.qd-live.sg-page-login,body.qd-live.sg-page-signup{background:#edf2f7}
body.qd-live:is(.sg-page-login,.sg-page-signup) .qd-content{max-width:1520px;padding:36px clamp(18px,3vw,52px) 56px}
body.qd-live:is(.sg-page-login,.sg-page-signup) .qd-page-heading{display:none}
.qd-native-content .qda-auth{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);max-width:1190px;min-height:590px;margin:0 auto;border:1px solid #cad8e6;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #142b4d1a;background:#fff;color:#182a40}
.qd-native-content .qda-auth-story{position:relative;display:flex;flex-direction:column;isolation:isolate;min-width:0;padding:clamp(30px,4vw,55px);background:linear-gradient(150deg,#0b2439 0%,#163e53 58%,#114f5d 100%);color:#fff;overflow:hidden}
.qd-native-content .qda-auth-story:after{content:"";position:absolute;z-index:-1;inset:32% -26% -36% 4%;background:radial-gradient(ellipse at 80% 65%,#8fc9c85c,transparent 47%),radial-gradient(ellipse at 15% 100%,#dba8594d,transparent 49%);pointer-events:none}
.qd-native-content .qda-kicker{margin:0 0 22px;color:#f2c47f;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.qd-native-content .qda-auth-story h1{max-width:11ch;margin:0 0 22px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(37px,4vw,58px);font-weight:600;letter-spacing:-.045em;line-height:1.06}
.qd-native-content .qda-auth-story>p:not(.qda-kicker){max-width:37ch;margin:0;color:#dbe9ee;font-size:16px;line-height:1.7}
.qd-native-content .qda-story-art{position:relative;min-height:210px;flex:1;margin:16px -20px -20px;background:url('/themes/nightsea/quarterdeck/assets/flagship.png') center 58%/contain no-repeat;filter:drop-shadow(0 18px 24px #091c2990)}
.qd-native-content .qda-story-note{display:grid;gap:4px;margin-top:auto;padding:18px 20px;border:1px solid #c3dadd67;border-radius:12px;background:#d9eff015;backdrop-filter:blur(5px)}
.qd-native-content .qda-story-note strong{font-size:15px;color:#fff}
.qd-native-content .qda-story-note span{font-size:12px;color:#d8e8eb;line-height:1.5}
.qd-native-content .qda-auth-card{min-width:0;padding:clamp(28px,4vw,57px);background:#fff}
.qd-native-content .qda-card-top{margin-bottom:30px}
.qd-native-content .qda-step{display:inline-block;margin-bottom:12px;padding:5px 10px;border-radius:999px;background:#f8ebd5;color:#81551d;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.qd-native-content .qda-card-top h2{margin:0 0 10px;color:#162d42;font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,2.8vw,42px);font-weight:600;letter-spacing:-.035em;line-height:1.14}
.qd-native-content .qda-card-top p{margin:0;color:#506274;font-size:14px;line-height:1.6}
.qd-native-content .qda-card-top a,.qd-native-content .qda-card-foot a{color:#154c82;font-weight:750}
.qd-native-content .qda-error{padding:12px 15px;border:1px solid #e3aaa3;border-left:4px solid #b7392e;border-radius:8px;background:#fff1ed;color:#7a261e;font-size:14px;font-weight:650;line-height:1.5}
.qd-native-content .qda-login-form[name=loginfrm]{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.qd-native-content .qda-login-form label{display:block;margin:0 0 7px;color:#23394c;font-size:13px;font-weight:750}
.qd-native-content .qda-login-form input:not([type=submit]){display:block;width:100%;height:52px;margin:0 0 20px;padding:12px 14px;border:1px solid #b7c9d8;border-radius:9px;background:#f9fbfd;color:#142a3e;font-size:16px}
.qd-native-content .qda-login-form input:focus{border-color:#af7b30;box-shadow:0 0 0 3px #e3b66b52;outline:none}
.qd-native-content .qda-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qd-native-content .qda-label-row a{margin-bottom:7px;color:#245787;font-size:12px;font-weight:700}
.qd-native-content .qda-login-form button[type=submit],.qd-native-content .qda-signup-form input[type=submit]{width:100%;min-height:52px;margin-top:7px;padding:13px 20px;border:1px solid #b57e36;border-radius:9px;background:#eec47f;color:#172b3d;font-size:15px;font-weight:800;box-shadow:0 4px 0 #9b682f}
.qd-native-content .qda-login-form button[type=submit]:hover,.qd-native-content .qda-signup-form input[type=submit]:hover{background:#f5d49c;color:#10283a;transform:translateY(1px);box-shadow:0 3px 0 #9b682f}
.qd-native-content .qda-login-form button span{margin-left:8px;font-size:18px}
.qd-native-content .qda-card-foot{margin-top:30px;padding-top:22px;border-top:1px solid #e2e9ef;color:#5a6b7a;font-size:13px}
.qd-native-content .qda-voyage-steps{display:grid;gap:13px;margin:0;padding:8px 0 0;list-style:none}
.qd-native-content .qda-voyage-steps li{display:grid;grid-template-columns:36px 1fr;column-gap:12px;align-items:start;padding:12px 0;border-top:1px solid #e0eceb43}
.qd-native-content .qda-voyage-steps span{grid-row:span 2;color:#f1c782;font:700 17px/1.5 Georgia,serif}
.qd-native-content .qda-voyage-steps strong{color:#fff;font-size:14px}
.qd-native-content .qda-voyage-steps small{color:#d0e3e6;font-size:12px}
.qd-native-content .qda-signup .qda-story-art{min-height:190px;max-height:245px;margin-top:8px}
.qd-native-content .qda-signup-form[name=loginfrm]{max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.qd-native-content .qda-signup-fields,.qd-native-content .qda-signup-fields>tbody{display:block;width:100%;margin:0;border:0;background:none}
.qd-native-content .qda-signup-fields tr{display:grid;grid-template-columns:minmax(125px,34%) minmax(0,1fr);align-items:center;column-gap:12px;margin:0 0 15px}
.qd-native-content .qda-signup-fields td{display:block;width:auto!important;min-width:0;padding:0!important;border:0!important;background:none!important;color:#23394c!important;white-space:normal!important;font-size:13px}
.qd-native-content .qda-signup-fields td:first-child{font-weight:750}
.qd-native-content .qda-signup-fields td[colspan]{grid-column:1/-1}
.qd-native-content .qda-signup-fields :is(input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea){display:block;width:100%!important;max-width:100%!important;min-height:45px;margin:0;padding:10px 12px;border:1px solid #b7c9d8;border-radius:8px;background:#f9fbfd;color:#142a3e;font-size:15px}
.qd-native-content .qda-signup-fields select{appearance:auto}
.qd-native-content .qda-signup-fields :is(input,select):focus{border-color:#af7b30;box-shadow:0 0 0 3px #e3b66b52;outline:none}
.qd-native-content .qda-signup-fields img[src*='captcha.php']{display:block;max-height:70px;width:auto;height:auto;margin:0 0 8px;border:1px solid #b7c9d8;border-radius:6px}
.qd-native-content .qda-signup-fields input[name=captcha]{max-width:130px!important;margin:0 0 5px}
.qd-native-content .qda-signup-fields input[type=checkbox],.qd-native-content .qda-signup-fields input[type=radio]{width:18px;height:18px;accent-color:#246184}
.qd-native-content .qda-signup-fields tr:has(input[name=termsagree]){margin:22px 0 15px;padding:17px 0;border-top:1px solid #e2e9ef}
.qd-native-content .qda-signup-fields tr:has(input[type=submit]){display:block;margin:8px 0 0}
.qd-native-content .qda-signup-fields tr:has(input[type=submit]) td{width:100%!important;text-align:left!important}
.qd-native-content .qda-signup-fields tr:has(input[type=submit]) input{width:100%;margin:0}
.qd-native-content .qda-signup-fields .qda-error-row{display:block}
.qd-native-content .qda-signup-fields .qda-free-tier{display:block;margin:0 0 22px}
.qd-native-content .qda-signup-fields .qda-free-tier td{display:block;padding:14px 16px!important;border:1px solid #bad7d1!important;border-radius:9px;background:#e9f6f2!important;color:#254e49!important;font-size:13px;font-weight:450;line-height:1.5}
.qd-native-content .qda-signup-fields .qda-free-tier strong{color:#184d43}
.qd-native-content .qda-referrer{margin:18px 0 0;padding:10px 14px;border-radius:8px;background:#edf5f5;color:#42616d;font-size:13px}
@media(max-width:820px){.qd-native-content .qda-auth{grid-template-columns:1fr;max-width:640px}.qd-native-content .qda-auth-story{padding:28px 30px}.qd-native-content .qda-auth-story h1{max-width:none;font-size:36px}.qd-native-content .qda-auth-story>p:not(.qda-kicker){max-width:52ch}.qd-native-content .qda-story-art{display:none}.qd-native-content .qda-story-note{margin-top:22px}.qd-native-content .qda-signup .qda-auth-story{padding-bottom:24px}.qd-native-content .qda-voyage-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.qd-native-content .qda-voyage-steps li{display:block}.qd-native-content .qda-voyage-steps span{display:block;margin-bottom:4px}.qd-native-content .qda-auth-card{padding:32px}}
@media(max-width:560px){body.qd-live:is(.sg-page-login,.sg-page-signup) .qd-content{padding:16px 12px 35px}.qd-native-content .qda-auth{border-radius:15px}.qd-native-content .qda-auth-story{padding:26px 22px}.qd-native-content .qda-auth-story h1{font-size:34px}.qd-native-content .qda-voyage-steps{display:none}.qd-native-content .qda-auth-card{padding:27px 21px}.qd-native-content .qda-card-top h2{font-size:30px}.qd-native-content .qda-signup-fields tr{display:block;margin-bottom:16px}.qd-native-content .qda-signup-fields td{display:block;width:100%!important;padding:0!important}.qd-native-content .qda-signup-fields td:first-child{margin-bottom:5px}.qd-native-content .qda-signup-fields tr:has(input[name=termsagree]){display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.qd-native-content .qda-signup-fields tr:has(input[name=termsagree]) td:first-child{margin:0}.qd-native-content .qda-signup-fields tr:has(input[type=submit]){display:block}}
