/* Authentication: mobile first, restrained brand colors, native form behavior. */
body:has(.auth-page) { background: #fff !important; padding-top: 0 !important; }
body:has(.auth-page) .main-header { display: none; }
.auth-page { --auth-cyan: #00abbd; --auth-pink: #f955a1; color: #252a30; background: #fff; padding: 24px 22px 40px; font-family: 'Poppins', sans-serif; }
.auth-page *, .auth-page *::before, .auth-page *::after { box-sizing: border-box; }
.auth-topbar { max-width: 1160px; margin: 0 auto 36px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.auth-brand { font-size: 24px; font-weight: 600; color: #252a30; text-decoration: none; }
.auth-brand img { display: block; max-width: 170px; max-height: 46px; object-fit: contain; }
.auth-age { font-size: 11px; color: #747a80; white-space: nowrap; }
.auth-age > span { display: none; }
.auth-layout { max-width: 420px; margin: 0 auto; display: grid; gap: 30px; }
.auth-eyebrow { color: #747a80; font-size: 12px; margin-bottom: 10px; }
.auth-story h1 { font-size: clamp(29px, 6.5vw, 40px); font-weight: 500; line-height: 1.2; letter-spacing: -1.2px; margin: 0 0 14px; color: #252a30; }
.auth-story h1 span { color: #00818f; }
.auth-intro { font-size: 13px; line-height: 1.8; color: #6a727a; margin: 0; max-width: 355px; }
.auth-details { display: none; }
.auth-access { min-width: 0; color-scheme: light; }
.auth-page .card-register { background: transparent !important; color: #252a30; border: 0; box-shadow: none; border-radius: 0; margin: 0; }
.auth-page .card-header { padding: 0 0 24px; border: 0; background: transparent !important; }
.auth-page .card-title { font-size: 23px; font-weight: 500; line-height: 1.4; letter-spacing: -.6px; color: #252a30; margin: 0; }
.auth-page .card-body { padding: 0; color: #252a30; }
.auth-page .form-group { margin-bottom: 16px; }
.auth-page .input-group { flex-wrap: nowrap; }
.auth-page .form-control, .auth-page .form-select { min-height: 50px; border: 1px solid #dce1e5 !important; border-radius: 8px; background: #fff !important; color: #252a30 !important; font-size: 16px; box-shadow: none; }
.auth-page .form-control::placeholder { color: #77818a; font-size: 13px; opacity: 1; }
.auth-page .input-group-text { background: #fff !important; color: #77818a !important; border-color: #dce1e5 !important; border-radius: 8px; }
.auth-page .input-group > .input-group-text:first-child { border-right: 0; padding-left: 15px; padding-right: 6px; }
.auth-page .input-group > .form-control { border-left: 0 !important; }
.auth-page .input-group:focus-within { border-radius: 8px; outline: 2px solid #00abbd; outline-offset: 2px; }
.auth-page .form-control:focus, .auth-page .form-select:focus { box-shadow: none; }
.auth-page .form-select:focus { outline: 2px solid #00abbd; outline-offset: 2px; }
.auth-page .form-check-input { background-color: #fff; border-color: #afb8bf; }
.auth-page .form-check-input:checked { background-color: #00818f; border-color: #00818f; }
.auth-page .form-check-label, .auth-page .form-label { font-size: 12px; color: #59636c; }
.auth-page .card-body form > .row > .col-12.col-lg-6 { width: 50%; font-size: 11px; }
.auth-page .card-body form > .row > .col-12.col-lg-6 a { font-size: 11px; }
.auth-page .btn-primary { background: var(--auth-cyan) !important; border: 0 !important; color: #102c31 !important; min-height: 50px; border-radius: 8px; font-size: 14px; font-weight: 600; box-shadow: none; }
.auth-page .btn-primary:hover { background: #0096a7 !important; color: #fff !important; }
.auth-page .card-body a { color: #007987; font-weight: 500; }
.auth-page .card-body .text-center { font-size: 12px; color: #66717a; }
.auth-page .card-body .js_toggle-panel { color: #af286b; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--auth-pink); }
.auth-page .js_toggle-password { min-width: 44px; justify-content: center; cursor: pointer; }
.auth-page a:focus-visible, .auth-page button:focus-visible { outline: 2px solid #00818f; outline-offset: 4px; }
.auth-access-foot { color: #747a80; font-size: 11px; text-align: center; margin: 26px 0 0; }
body:has(.auth-page) .footer { border-color: #edf0f2 !important; color: #747a80; font-size: 11px; }
body:has(.auth-page) .footer a { color: #59636c; }
@media (min-width: 600px) { .auth-page { padding: 32px 40px 56px; } .auth-age > span { display: inline; margin-left: 8px; } .auth-topbar { margin-bottom: 50px; } }
@media (min-width: 992px) {
  .auth-page { padding: 40px 56px 64px; min-height: calc(100svh - 110px); }
  .auth-topbar { margin-bottom: 80px; }
  .auth-layout { max-width: 1020px; grid-template-columns: minmax(0, 1fr) minmax(0, 380px); column-gap: 100px; align-items: start; }
  .auth-story { padding-top: 58px; }
  .auth-eyebrow { margin-bottom: 24px; }
  .auth-story h1 { font-size: 50px; line-height: 1.18; letter-spacing: -2px; margin-bottom: 24px; }
  .auth-intro { font-size: 14px; max-width: 350px; }
  .auth-details { display: flex; flex-direction: column; gap: 14px; margin-top: 40px; color: #59636c; font-size: 12px; }
  .auth-details span { display: flex; align-items: center; gap: 12px; }
  .auth-details span::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--auth-cyan); }
  .auth-details span:nth-child(2)::before { background: var(--auth-pink); }
  .auth-page .card-title { font-size: 26px; }
}

/* A clear account choice and a little movement, without continuous distraction. */
.auth-eyebrow { display: flex; align-items: center; gap: 9px; }
.auth-wave { display: inline-block; font-size: 21px; transform-origin: 75% 80%; animation: auth-wave 1.6s ease-in-out .35s 2; }
.auth-story h1 > span { position: relative; display: inline-block; }
.auth-story h1 > span::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 3px; border-radius: 3px; background: #f955a1; transform-origin: left; animation: auth-line .65s ease-out .2s both; }
.auth-page .auth-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; padding: 5px; margin-bottom: 28px; background: #f3f5f6; border-radius: 12px; }
.auth-page .auth-switch > a, .auth-page .auth-switch > span { min-height: 44px; display: flex; justify-content: center; align-items: center; gap: 8px; padding: 10px 7px; border-radius: 8px; font-size: 12px; font-weight: 600; text-decoration: none; color: #626b73; }
.auth-page .auth-switch > a { color: #a51c5e; background: #fff0f7; }
.auth-page .auth-switch > a:hover { background: #ffe3f0; }
.auth-page .auth-switch .auth-switch-active { color: #252a30; background: #fff; box-shadow: 0 1px 5px #1828380d; }
.auth-page .auth-register-prompt { border-top: 1px solid #edf0f2; padding-top: 24px; }
.auth-page .card-body a.auth-register-cta { display: flex; justify-content: center; align-items: center; gap: 10px; min-height: 48px; width: 100%; margin-top: 12px; padding: 12px 18px; border: 1px solid #f955a1; border-radius: 8px; background: #fff5f9; color: #a51c5e; font-size: 14px; font-weight: 600; text-decoration: none; transition: background .18s ease, box-shadow .18s ease; }
.auth-page .card-body a.auth-register-cta:hover { background: #ffe7f2; box-shadow: 0 3px 12px #f955a118; }
.auth-register-cta > span { transition: transform .18s ease; }
.auth-register-cta:hover > span { transform: translateX(4px); }
.auth-page .card-header p { margin: 9px 0 0; color: #6a727a; font-size: 12px; line-height: 1.7; }
.auth-page .btn-primary { transition: background .18s ease, box-shadow .18s ease; }
.auth-page .btn-primary:hover { box-shadow: 0 4px 14px #00abbd20; }
.auth-access { animation: auth-appear .45s ease-out both; }
.auth-details span::before { display: none; }
.auth-details > span > span { font-size: 18px; }
@keyframes auth-wave { 0%, 100% { transform: rotate(0); } 20%, 60% { transform: rotate(16deg); } 40%, 80% { transform: rotate(-8deg); } }
@keyframes auth-line { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes auth-appear { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .auth-page *, .auth-page *::before, .auth-page *::after { animation: none !important; transition: none !important; }
}
/* Two worlds, one account: frosted surfaces over a living brand backdrop. */
body:has(.auth-page){background:#f4f8fa!important}
.auth-page{position:relative;isolation:isolate;overflow:hidden;background:#f4f8fa;min-height:100svh;padding:22px 18px 36px}
.auth-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#f2fcfd 0%,#f9f7fb 55%,#fff3f9 100%)}
.auth-orb{position:absolute;width:450px;height:450px;border-radius:50%;filter:blur(70px);opacity:.23;will-change:transform}.auth-orb-cyan{background:#00abbd;top:5%;left:-180px}.auth-orb-pink{background:#f955a1;right:-230px;top:25%}
.auth-grid{position:absolute;inset:0;background-image:radial-gradient(#49777d22 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#0009,transparent 80%)}
.auth-topbar{margin-bottom:26px}.auth-brand img{max-width:150px}.auth-age{padding:7px 10px;border:1px solid #ffffffb3;background:#ffffff70;border-radius:30px;color:#59636c}
.auth-layout{gap:24px}.auth-story{padding:0}.auth-eyebrow{font-size:9px;letter-spacing:1.3px;font-weight:600;color:#53777d;margin-bottom:12px}
.auth-story h1{font-size:34px;letter-spacing:-1.6px;line-height:1.15;font-weight:600;margin-bottom:14px}.auth-story h1>span::after{display:none}.auth-story h1 span{color:#008898;transition:color .5s}.auth-page[data-auth-mode=meet] .auth-story h1 span{color:#b93373}
.auth-intro{max-width:450px;font-size:12px;line-height:1.7;color:#5f7279}
.auth-mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 16px}.auth-mode-picker button{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #ffffffcf;border-radius:15px;background:#ffffff65;padding:11px;color:#587179;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.auth-mode-picker button>span:first-child{font-size:23px}.auth-mode-picker strong,.auth-mode-picker small{display:block}.auth-mode-picker strong{font-size:12px}.auth-mode-picker small{font-size:8px;margin-top:3px;font-weight:400}.auth-mode-picker button[aria-pressed=true]{background:#fff9;border-color:#00abbd80;box-shadow:0 5px 20px #00abbd12;color:#007683}.auth-mode-picker button[data-auth-select=meet][aria-pressed=true]{border-color:#f955a180;color:#a52d66;box-shadow:0 5px 20px #f955a118}
.auth-stage{position:relative;height:235px}.auth-scene{position:absolute;inset:0}.auth-scene[hidden]{display:none!important}.auth-visual-card{width:calc(100% - 38px);height:209px;margin:6px auto;border:1px solid #ffffffc9;border-radius:24px;background:linear-gradient(135deg,#ffffffc4,#ffffff59);box-shadow:0 18px 45px #25435010;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);overflow:hidden;display:flex;flex-direction:column}
.auth-art{position:relative;display:grid;place-items:center;flex:1;background:radial-gradient(ellipse at 50% 75%,#00abbd26,transparent 70%)}.auth-art-ring{width:85px;height:85px;border-radius:50%;border:14px solid #00abbd30;box-shadow:inset 0 0 0 1px #00abbd66,0 0 0 1px #fff;transform:rotate(-25deg)}.auth-art-star{position:absolute;font-size:74px;color:#009aac;line-height:1;text-shadow:3px 4px 0 #fff6;transform:rotate(-12deg)}
.auth-art-meet{background:radial-gradient(ellipse at 50% 75%,#f955a125,transparent 70%)}.auth-connect-ring{position:absolute;left:calc(50% - 54px);width:70px;height:70px;border:7px solid #00abbd80;border-radius:50%}.auth-connect-ring:nth-child(2){left:calc(50% - 12px);border-color:#f955a180}.auth-art-heart{z-index:1;font-size:51px;color:#b93373;background:#ffffffb0;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;line-height:1}
.auth-visual-copy{padding:10px 17px 19px}.auth-mini-label{font-size:8px;letter-spacing:1.2px;color:#667e85}.auth-visual-copy strong{display:block;font-size:14px;font-weight:600;margin:6px 0}.auth-visual-copy p{font-size:10px;color:#607780;line-height:1.6;margin:0;max-width:290px}
.auth-floating{position:absolute;display:flex;gap:7px;align-items:center;font-size:9px;font-weight:500;background:#ffffffc9;border:1px solid #fff;border-radius:12px;padding:10px 12px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #2a425315}.auth-float-first{top:14px;right:0;transform:rotate(4deg)}.auth-float-second{bottom:6px;left:0;transform:rotate(-3deg)}
.auth-playback{display:flex;align-items:center;justify-content:space-between;color:#6c8087;font-size:9px;margin:8px 0 12px}.auth-playback>span{display:flex;align-items:center;gap:8px}.auth-playback i{display:block;width:32px;height:2px;background:#00abbd;transform-origin:left}.auth-playback button{border:0;background:transparent;color:#5a7078;padding:7px;min-height:32px;font-size:10px}.auth-separation{font-size:9px;color:#6b7d84;margin:0}
.auth-access{padding:22px 20px;border:1px solid #ffffffed;border-radius:24px;background:#ffffffb5;box-shadow:0 18px 60px #24495710;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);animation:none}
.auth-page .auth-switch{margin-bottom:22px;background:#edf2f5ad}.auth-page .card-title{font-size:22px}.auth-page .card-header{padding-bottom:20px}.auth-page .form-control,.auth-page .form-select{min-height:46px}.auth-page .btn-primary{border-radius:12px;background:linear-gradient(115deg,#00abbd,#009daf)!important;box-shadow:0 6px 20px #00abbd24}.auth-page .card-body a.auth-register-cta{background:#f955a1;color:#451329;border:0;border-radius:12px;box-shadow:0 5px 16px #f955a125}.auth-page .card-body a.auth-register-cta:hover{background:#fb70af}.auth-access-foot{margin-top:20px;font-size:10px}
@supports not (backdrop-filter:blur(1px)){.auth-access,.auth-visual-card,.auth-mode-picker button,.auth-floating{background:#fff}}
@media(min-width:600px){.auth-page{padding:30px 35px 50px}.auth-layout{max-width:500px}.auth-stage{height:270px}.auth-visual-card{height:245px}.auth-art-ring{width:100px;height:100px}.auth-art-star{font-size:86px}.auth-visual-copy strong{font-size:17px}.auth-visual-copy p{font-size:12px}.auth-mode-picker small{font-size:10px}}
@media(min-width:992px){.auth-page{padding:30px 50px 55px;min-height:calc(100svh - 80px)}.auth-topbar{margin-bottom:40px}.auth-layout{max-width:1080px;grid-template-columns:minmax(0,1fr) minmax(0,395px);gap:85px;align-items:center}.auth-story{padding:0}.auth-story h1{font-size:52px;letter-spacing:-2.5px}.auth-eyebrow{font-size:10px;margin-bottom:18px}.auth-intro{font-size:13px}.auth-stage{height:300px;max-width:460px}.auth-visual-card{height:268px}.auth-art-star{font-size:100px}.auth-floating{font-size:11px;padding:13px 15px}.auth-mode-picker{max-width:460px;margin-top:25px}.auth-mode-picker button{padding:13px}.auth-mode-picker strong{font-size:14px}.auth-playback{max-width:460px}.auth-access{padding:30px}.auth-orb{width:650px;height:650px}.auth-orb-cyan{left:-100px}.auth-orb-pink{right:-170px;top:15%}}
@media(prefers-reduced-motion:reduce){.auth-orb{will-change:auto}.auth-playback i{transform:none!important}}
@media(max-width:599px){.auth-stage{height:170px}.auth-visual-card{height:150px;border-radius:19px}.auth-art-ring{width:58px;height:58px;border-width:9px}.auth-art-star{font-size:53px}.auth-connect-ring{width:48px;height:48px;left:calc(50% - 38px);border-width:5px}.auth-connect-ring:nth-child(2){left:calc(50% - 8px)}.auth-art-heart{font-size:34px;width:42px;height:42px}.auth-visual-copy{padding:7px 14px 12px}.auth-visual-copy strong{font-size:12px;margin:4px 0}.auth-visual-copy p{font-size:9px}.auth-floating{font-size:8px;padding:8px}.auth-topbar{margin-bottom:22px}.auth-layout{gap:20px}}
/* Cinematic stage: depth, illuminated glass, and a short camera transition. */
.auth-stage{isolation:isolate;overflow:hidden;border-radius:26px;background:#10292f;border:1px solid #ffffffb0;box-shadow:0 18px 45px #173f4b24;perspective:1000px;height:290px}
.auth-cinema-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 20%,#00abbd60,transparent 65%),radial-gradient(ellipse at 90% 90%,#f955a13b,transparent 60%);transition:opacity .6s;pointer-events:none}
.auth-page[data-auth-mode=meet] .auth-cinema-light{opacity:.65}
.auth-cinema-specks{position:absolute;inset:0;background-image:radial-gradient(#fff7 .7px,transparent 1px);background-size:43px 39px;opacity:.2;pointer-events:none;mask-image:linear-gradient(#000,transparent)}
.auth-chapter{position:absolute;top:12px;left:18px;color:#bbd7de;letter-spacing:2px;font-size:8px;z-index:3;pointer-events:none}
.auth-light-sweep{position:absolute;inset:-30% -20%;z-index:4;background:linear-gradient(110deg,transparent 30%,#9feef516 45%,#ffffff3b 50%,#f955a11c 55%,transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:screen}
.auth-scene{inset:20px 6px 8px;transform-origin:center;perspective:900px}.auth-visual-card{height:calc(100% - 20px);margin:7px auto;background:linear-gradient(135deg,#ffffff15,#ffffff05);border-color:#ffffff27;box-shadow:0 18px 40px #0002;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.auth-art{background:radial-gradient(ellipse at 50% 80%,#00abbd35,transparent 65%);min-height:60px}.auth-art::before{content:'EXCLUSIVO';position:absolute;font-size:clamp(28px,5vw,48px);font-weight:700;letter-spacing:-2px;color:#ffffff07;transform:rotate(-6deg);pointer-events:none}.auth-art-meet::before{content:'HOLA';font-size:70px;letter-spacing:8px}.auth-art-meet{background:radial-gradient(ellipse at 50% 80%,#f955a130,transparent 65%)}
.auth-art-star{color:#6de4f0;text-shadow:0 0 25px #00abbd88}.auth-art-ring{border-color:#00abbd33;box-shadow:0 0 25px #00abbd22,inset 0 0 0 1px #7febf44d}.auth-art-heart{color:#ffc0dc;background:#ffffff0d;border:1px solid #ffffff20;text-shadow:0 0 20px #f955a166}.auth-connect-ring{border-color:#61e5f0a0}.auth-connect-ring:nth-child(2){border-color:#fb87bbbf}
.auth-visual-copy strong{color:#f5fcff}.auth-visual-copy p{color:#aec5cc}.auth-mini-label{color:#7cd9e3}.auth-scene-meet .auth-mini-label{color:#f4a8ca}.auth-floating{background:#1d3b43dd;border-color:#ffffff36;color:#e1f2f6;box-shadow:0 8px 24px #0003}.auth-float-first{top:12px;right:2px}.auth-float-second{bottom:0;left:2px}
@media(min-width:992px){.auth-stage{height:310px}.auth-chapter{font-size:9px;top:14px}}
@media(max-width:599px){.auth-stage{height:190px;border-radius:21px}.auth-chapter{font-size:7px;top:10px;left:13px}.auth-scene{inset:20px 3px 5px}.auth-visual-card{border-radius:16px;width:calc(100% - 25px)}.auth-floating{padding:7px 8px;font-size:7px}.auth-float-first{top:8px}.auth-art-meet::before{font-size:45px}.auth-visual-copy{padding:7px 12px 11px}.auth-visual-copy p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.auth-light-sweep{display:none}.auth-stage{perspective:none}}
/* Full viewport welcome film; the account form appears after the sequence. */
.auth-film[hidden]{display:none!important}.auth-film{position:fixed;inset:0;z-index:10000;height:100dvh;overflow:hidden;background:#070e14;color:#fff;font-family:'Poppins',sans-serif;display:grid;place-items:center;isolation:isolate}
.auth-film-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 65%,#00abbd24,transparent 55%),radial-gradient(ellipse at 85% 40%,#f955a124,transparent 50%)}
.auth-film-skip{position:absolute;top:max(22px,env(safe-area-inset-top));right:24px;border:1px solid #ffffff25;border-radius:30px;background:#ffffff08;color:#c5d0d7;padding:11px 16px;font-size:11px;z-index:5;cursor:pointer}.auth-film-skip:focus-visible{outline:2px solid #00abbd;outline-offset:4px}
.auth-film-center{position:relative;z-index:2;text-align:center;width:calc(100% - 36px);max-width:1000px}.auth-film-kicker{font-size:9px;letter-spacing:4px;color:#94a9b4;margin:0 0 24px}.auth-film-title{line-height:1.05;letter-spacing:-2px;margin:0}.auth-film-title>span{display:block;font-size:clamp(25px,5vw,48px);font-weight:400;color:#c5d3db;margin-bottom:9px}.auth-film-title strong{display:block;font-size:clamp(43px,10vw,108px);font-weight:600;letter-spacing:-3px}.auth-film-title strong>span{color:#00abbd}.auth-film-subtitle{font-size:12px;color:#94aab6;margin:19px 0 0;letter-spacing:.2px}
.auth-film-worlds{display:flex;justify-content:center;align-items:center;gap:14px;margin:40px auto 28px;max-width:630px}.auth-film-worlds>div{flex:1;padding:22px 10px 20px;border:1px solid #ffffff16;border-radius:22px;background:linear-gradient(135deg,#ffffff0c,#ffffff02);box-shadow:0 20px 55px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-film-worlds strong,.auth-film-worlds small{display:block}.auth-film-worlds strong{font-size:19px;font-weight:500;letter-spacing:-.5px}.auth-film-worlds small{font-size:9px;color:#9eb2bd;margin-top:7px}.auth-film-emoji{display:block;font-size:39px;margin-bottom:13px}.auth-film-plus{font-size:21px;color:#6b8697;font-weight:300}.auth-film-ending{font-size:11px;color:#9cb1be;margin:0}
.auth-film-particles{position:absolute;inset:0;pointer-events:none;z-index:1}.auth-film-particles span{position:absolute;font-size:30px;color:#f955a1;opacity:.5}.auth-film-particles span:nth-child(1){left:7%;top:25%;font-size:56px}.auth-film-particles span:nth-child(2){right:8%;top:22%;font-size:22px}.auth-film-particles span:nth-child(3){left:15%;bottom:18%;font-size:25px}.auth-film-particles span:nth-child(4){right:15%;bottom:16%;font-size:50px}.auth-film-particles span:nth-child(5){right:5%;top:53%;font-size:25px}.auth-film-particles span:nth-child(6){left:4%;top:55%;font-size:18px}.auth-film-particles span:nth-child(7){left:24%;top:11%;color:#00abbd;font-size:21px}.auth-film-particles span:nth-child(8){right:28%;bottom:7%;font-size:23px}
.auth-worlds{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.auth-worlds>div{padding:18px 14px;border:1px solid #fff;border-radius:18px;background:#ffffff65}.auth-worlds>div>span{font-size:25px;color:#00abbd;display:block;margin-bottom:8px}.auth-worlds>div:nth-child(2)>span{color:#f955a1}.auth-worlds strong,.auth-worlds small{display:block}.auth-worlds strong{font-size:14px}.auth-worlds small{font-size:10px;color:#627780;line-height:1.6;margin-top:5px}
@media(min-width:992px){.auth-film-kicker{font-size:11px}.auth-film-subtitle{font-size:17px}.auth-film-worlds{gap:25px;margin-top:50px}.auth-film-worlds>div{padding:26px}.auth-film-worlds strong{font-size:25px}.auth-film-worlds small{font-size:12px}.auth-film-emoji{font-size:48px}.auth-film-ending{font-size:13px}.auth-worlds{max-width:450px}.auth-worlds>div{padding:23px}}
@media(max-height:650px){.auth-film-kicker{margin-bottom:12px}.auth-film-worlds{margin-top:22px;margin-bottom:18px}.auth-film-worlds>div{padding:15px 10px}.auth-film-emoji{font-size:30px;margin-bottom:7px}.auth-film-title strong{font-size:clamp(40px,9vw,76px)}}
@media(prefers-reduced-motion:reduce){.auth-film{display:none!important}}
.auth-film-highlights{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:850px;margin:0 auto 24px}.auth-feature-bubble{display:flex;align-items:center;gap:6px;font-size:10px;padding:9px 12px;border:1px solid #ffffff22;border-radius:30px;background:linear-gradient(135deg,#ffffff10,#ffffff04);color:#c9dde5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-feature-bubble:nth-child(3n){border-color:#f955a14d}.auth-feature-bubble:nth-child(3n+1){border-color:#00abbd4d}.auth-feature-bubble>span{font-size:14px}
.auth-read-modes{margin-bottom:25px;padding-bottom:22px;border-bottom:1px solid #dfe9ec}.auth-read-tabs{display:flex;background:#edf3f5;border-radius:13px;padding:4px;gap:5px;margin-bottom:14px}.auth-read-tabs button{flex:1;min-height:42px;border:0;border-radius:10px;background:transparent;color:#607780;font-size:12px;font-weight:600;cursor:pointer}.auth-read-tabs button[aria-selected=true]{background:#fff;color:#00818f;box-shadow:0 3px 12px #153c4510}.auth-read-tabs button[data-auth-read=meet][aria-selected=true]{color:#b93373}.auth-read-modes h2{font-size:15px;font-weight:600;letter-spacing:-.4px;margin:0 0 8px}.auth-read-modes p,.auth-read-modes li{font-size:11px;color:#637780;line-height:1.7;margin:0}.auth-read-modes ul{padding:0;list-style:none;display:grid;gap:9px;margin:14px 0 0}.auth-read-modes [hidden]{display:none!important}.auth-release-details{margin-top:13px}.auth-release-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:11px;color:#00818f;padding:10px 12px;background:#e7f7f8;border-radius:10px;list-style:none}.auth-release-details summary::-webkit-details-marker{display:none}.auth-release-details[open] summary>span{transform:rotate(45deg)}.auth-release-list{max-height:240px;overflow:auto;overscroll-behavior:contain;margin-top:8px;padding-right:5px}.auth-release-list article{display:flex;gap:10px;padding:12px 3px;border-bottom:1px solid #e5edf0}.auth-release-list article>span{font-size:20px;flex:none}.auth-release-list strong{display:block;font-size:11px;margin-bottom:4px}.auth-release-list p{font-size:10px}
@media(max-width:599px){.auth-film-worlds{margin:24px auto 20px}.auth-film-highlights{gap:5px;margin-bottom:18px}.auth-feature-bubble{font-size:8px;padding:7px 9px;gap:4px}.auth-feature-bubble>span{font-size:11px}.auth-film-title strong{font-size:clamp(40px,9vw,70px)}.auth-film-kicker{margin-bottom:16px}.auth-film-subtitle{font-size:11px}.auth-film-worlds>div{padding:17px 8px}.auth-film-emoji{font-size:31px;margin-bottom:8px}.auth-film-worlds strong{font-size:17px}}
@media(max-height:650px){.auth-film-kicker{display:none}.auth-film-title>span{font-size:22px}.auth-film-title strong{font-size:40px}.auth-film-subtitle{margin-top:10px;font-size:10px}.auth-film-worlds{margin:15px auto}.auth-film-worlds>div{padding:10px}.auth-film-emoji{font-size:25px;margin-bottom:4px}.auth-film-highlights{gap:4px;margin-bottom:12px}.auth-feature-bubble{font-size:7px;padding:5px 8px}}
.auth-film-highlights{position:absolute;inset:0;max-width:none;margin:0;display:block;pointer-events:none}.auth-feature-bubble{position:absolute;opacity:0;box-shadow:0 12px 30px #0003;background:#13303ddd;font-size:11px;padding:11px 14px;white-space:nowrap}.auth-feature-bubble:nth-child(1){left:4%;top:13%}.auth-feature-bubble:nth-child(2){right:2%;top:30%}.auth-feature-bubble:nth-child(3){left:0;top:53%}.auth-feature-bubble:nth-child(4){right:0;top:76%}.auth-feature-bubble:nth-child(5){left:5%;top:91%}.auth-film-center .auth-film-highlights{z-index:4}
@media(max-width:599px){.auth-feature-bubble{font-size:9px;padding:9px 11px}.auth-feature-bubble:nth-child(1){left:-2%;top:-5%}.auth-feature-bubble:nth-child(2){right:-2%;top:23%}.auth-feature-bubble:nth-child(3){left:-1%;top:48%}.auth-feature-bubble:nth-child(4){right:-2%;top:73%}.auth-feature-bubble:nth-child(5){left:4%;top:98%}}
.auth-film{background:#06131e}.auth-film-wordmark{width:min(365px,76vw);margin:0 auto;transform-origin:center}.auth-film-wordmark img{display:block;width:100%;height:auto;object-fit:contain}.auth-film-title strong.auth-film-wordmark{font-size:clamp(40px,9vw,90px)}
.auth-logo-rays{position:absolute;left:50%;top:50%;width:min(680px,110vw);height:min(480px,70vh);margin:0;translate:-50% -50%;opacity:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 50% 50%,#e8f8ff5e 0%,#b8dfef27 21%,#468ea51c 43%,transparent 70%);filter:blur(45px);mix-blend-mode:screen}.auth-logo-rays::before{content:'';position:absolute;inset:-25% 28%;background:radial-gradient(ellipse,#ecfaff50 0%,#d5efff16 30%,transparent 65%);filter:blur(28px);transform:rotate(24deg)}.auth-logo-rays::after{content:'';position:absolute;inset:15% -10%;background:radial-gradient(ellipse,#c9e6f52b,transparent 65%);filter:blur(35px)}
.auth-film-center{z-index:2}.auth-film-wordmark{position:relative;z-index:3}.auth-film-wordmark img{filter:drop-shadow(0 0 12px #00abbd12)}
@media(max-width:599px){.auth-film-wordmark{width:min(270px,76vw)}.auth-film-title>span[data-film-prefix]{font-size:27px;letter-spacing:-1px}.auth-logo-rays{filter:blur(32px)}}
@media(max-height:650px){.auth-film-wordmark{width:min(290px,65vw)}}
@media(prefers-reduced-motion:reduce){.auth-logo-rays{display:none}}

/* Login comes first after the welcome intro. Keep the story beside it on desktop. */
.auth-access{background:#fff;border:1px solid #d9e5e9;box-shadow:0 24px 70px #153c4524}
.auth-access>.card{margin-bottom:0}
.auth-access .card-header{padding-top:24px}
.auth-access .card-title{font-size:22px;letter-spacing:-.5px}
.auth-access .auth-release-details{margin-top:22px;padding-top:16px;border-top:1px solid #e5edf0}
@media(min-width:992px){.auth-layout{grid-template-columns:minmax(0,1fr) 395px}.auth-story{grid-column:1;grid-row:1}.auth-access{grid-column:2;grid-row:1}}

.auth-film{background:radial-gradient(ellipse at 50% 45%,#0b1d2c 0%,#06131e 45%,#030a10 100%)}.auth-film-title>span[data-film-prefix]{font-size:34px;letter-spacing:-1.2px;margin-bottom:14px}.auth-film-wordmark img{filter:none}.auth-film-kicker{color:#8194a0;letter-spacing:3px}.auth-film-glow{background:radial-gradient(ellipse at 30% 70%,#00abbd12,transparent 60%),radial-gradient(ellipse at 75% 55%,#f955a10e,transparent 55%)}
@media(max-width:599px){.auth-film-title>span[data-film-prefix]{font-size:25px;margin-bottom:12px}}