/* Full page first visit login, using the same account form and server contract. */
.product-first-login{background:#101413;color:#f4f5ee;min-height:100dvh;padding:0 40px 28px;color-scheme:dark}
.first-entry-header{max-width:1170px;margin:auto;padding:30px 12px 42px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.first-entry-header select{min-height:44px;background:#17221c;color:#e4f5eb;border:1px solid #ffffff2b;border-radius:8px;padding:9px;font:inherit;font-size:12px}
.product-first-login .nickname-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:76px;max-width:1050px;margin:auto;min-height:510px;align-items:center}
.product-first-login .nickname-art{height:510px;border-radius:20px;background:linear-gradient(0deg,#10141355,transparent 60%),url('/login-demo-v1/assets/demo88-001.webp') 50% center/cover;justify-content:flex-end}
.product-first-login .nickname-art>div{display:none}.product-first-login .nickname-art>span{color:#a9f3cf}
.product-first-login .nickname-body{padding:0;max-width:385px}.product-first-login .nickname-top{display:none}
.product-first-login .nickname-body h2{font-size:38px;line-height:1.35;margin:0 0 16px}.product-first-login .nickname-description{font-size:14px;margin-bottom:26px}
.product-first-login .nickname-notice{border:0;margin:14px 0 0;padding:0}.product-first-login .nickname-body>.sample-video-notice{order:10;background:none;border:0;border-top:1px solid #ffffff19;border-radius:0;padding:17px 0 0;margin:20px 0 0}
.product-first-login .nickname-body>.nickname-primary{order:2}.product-first-login .nickname-body>[data-browse]{order:3}.product-first-login .nickname-body>.nickname-notice{order:4}
.product-first-login .nickname-body input[name=nickname]{font-size:16px}.product-first-login .nickname-brand svg,.first-entry-wait .nickname-brand svg{color:#a9f3cf}
.first-entry-footer{text-align:center;color:#8f9d94;font-size:11px;padding:40px 12px 0;letter-spacing:1px}
.first-entry-wait{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px;background:#101413;color:#d9e4dc;text-align:center}.first-entry-wait .nickname-primary{max-width:300px}.first-entry-wait p{font-size:13px;margin:25px 0;line-height:1.8}
@media(max-width:700px){.product-first-login{padding:0 26px 26px}.first-entry-header{padding:26px 0}.product-first-login .nickname-layout{display:grid;grid-template-columns:1fr;gap:28px;min-height:0}.product-first-login .nickname-art{display:flex;height:172px;border-radius:16px;padding:22px}.product-first-login .nickname-body{max-width:none}.product-first-login .nickname-body h2{font-size:29px}.product-first-login .nickname-description{font-size:13px}.first-entry-footer{padding-top:28px}}
@media(prefers-reduced-motion:reduce){.product-first-login *{transition:none!important;animation:none!important}}