@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin.woff2") format("woff2")}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-width:320px;background:#e9f2ff}
body.page-welcome{margin:0;overflow-x:clip;background:#e9f2ff;color:#101525;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.page-welcome .binono-nav{background:rgba(255,255,255,.83);box-shadow:0 10px 28px rgba(41,77,126,.1);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.welcome-page{display:grid;min-height:100svh;padding:96px 24px 32px;place-items:center;background:linear-gradient(180deg,#fff 0%,#f7faff 38%,#e9f2ff 100%)}
.welcome-card{display:grid;grid-template-columns:minmax(0,715fr) minmax(0,523fr);grid-template-rows:minmax(0,1fr);width:min(1238px,100%);height:453.42px;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 22px 60px rgba(43,77,124,.08)}
.welcome-copy{display:flex;min-height:0;align-items:center;padding:70px 90px}
.welcome-state{width:100%}
.welcome-eyebrow{display:inline-flex;align-items:center;height:28px;margin:0 0 18px;padding:0 12px;border-radius:999px;background:#edf3ff;color:#2e6de9;font-size:13px;font-weight:750;letter-spacing:.02em}
.welcome-eyebrow--ready{background:#e9f8ef;color:#278657}
.welcome-copy h1{max-width:560px;margin:0;color:#090d18;font-size:38px;font-weight:760;line-height:1.15;letter-spacing:-.045em}
.welcome-lede{max-width:590px;margin:18px 0 0;color:#4d566b;font-size:16px;line-height:1.75}
.welcome-lede strong{color:#ee9d12;font-weight:750}
.welcome-actions{display:grid;gap:12px;margin-top:34px}
.welcome-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:55px;padding:0 22px;border:1px solid #d6dbe5;border-radius:12px;background:#fff;color:#121827;font-family:inherit;font-size:16px;font-weight:680;line-height:1;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.welcome-button:hover{border-color:#aab4c7;box-shadow:0 9px 22px rgba(44,73,114,.1);transform:translateY(-1px)}
.welcome-button:focus-visible{outline:3px solid rgba(46,109,233,.25);outline-offset:2px}
.welcome-button:disabled{cursor:wait;opacity:.62;transform:none}
.welcome-button img{width:24px;height:24px;margin-right:12px;border-radius:50%;object-fit:cover}
.welcome-button svg{width:23px;height:23px;margin-right:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.welcome-button .welcome-bilibili-tv,.welcome-button .welcome-bilibili-wordmark{display:block;margin:0;border-radius:0;object-fit:contain;flex:none}.welcome-button .welcome-bilibili-tv{width:24px;height:23px}.welcome-button .welcome-bilibili-wordmark{width:47px;height:24px}.welcome-button .welcome-email-icon{display:block;width:20px;height:20px;margin:0;flex:none}
.welcome-button--bilibili{border-color:#00aeec;background:#00aeec;color:#fff;box-shadow:0 11px 25px rgba(0,174,236,.2)}
.welcome-button--bilibili:hover{border-color:#009bd4;background:#009bd4;box-shadow:0 14px 29px rgba(0,174,236,.27)}
.welcome-button--email{border-color:#d6dbe5;background:#fff;color:#23304a}
.welcome-button--primary{margin-top:34px;border-color:#2e6de9;background:#2e6de9;color:#fff;box-shadow:0 11px 25px rgba(46,109,233,.22)}
.welcome-button--primary:hover{border-color:#215ed7;background:#215ed7;box-shadow:0 14px 29px rgba(46,109,233,.29)}
.welcome-button--primary svg{width:20px;height:20px;margin:0 0 0 10px}
.welcome-terms{margin:17px 0 0;color:#9098a8;font-size:12px;line-height:1.6;text-align:center}
.welcome-terms a{margin:0 3px;color:#68748a;text-decoration:none}.welcome-terms a:hover{text-decoration:underline}
.welcome-status{min-height:24px;margin:14px 0 0;color:#647088;font-size:13px;line-height:1.6;text-align:center}
.welcome-status.is-error{color:#c74444}
.welcome-card,.welcome-card *{cursor:url("/assets/lillian-custom-cursor.png"),default}
.welcome-art{position:relative;height:100%;min-height:0;overflow:hidden;background:#334cc6}
.welcome-art__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.page-welcome .binono-footer{background:#fff}
@media(max-width:980px){.welcome-copy{padding:60px 48px}}
@media(max-width:780px){.welcome-page{padding:104px 16px 54px;place-items:start center}.welcome-card{display:block;height:auto}.welcome-copy{min-height:500px;padding:54px 34px}.welcome-art{height:auto;aspect-ratio:518/496}.welcome-art__image{object-fit:contain}.page-welcome .binono-footer{margin-top:0}}
@media(max-width:520px){.welcome-page{padding-right:10px;padding-left:10px}.welcome-card{border-radius:15px}.welcome-copy{min-height:480px;padding:45px 24px}.welcome-button{height:53px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.welcome-button{transition:none}}
