.auth-page{isolation:isolate;width:min(100%,540px);max-width:540px;min-height:100svh;color:var(--rf-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0d10ed;margin:0 auto;padding:52px 42px 72px;position:relative}.auth-page:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#0b0d10d9,#0b0d10e8),url(/brand/refamy-cinema-hero.webp) 50%/cover;position:fixed;inset:0}.auth-page:after{content:"";z-index:-1;pointer-events:none;background:#0b0d10d9;position:absolute;inset:0;box-shadow:0 0 100px 70px #0b0d1070}.auth-page>.brand{color:var(--rf-accent);margin-bottom:50px;font-size:37px}.auth-kicker{letter-spacing:.16em;color:var(--rf-muted);margin:0 0 16px;font-size:10px;font-weight:750}.auth-page h1{letter-spacing:-.045em;margin:0 0 20px;font-family:inherit;font-size:clamp(32px,5vw,43px);font-weight:750;line-height:1.12}.auth-page>p:not(.auth-kicker){color:#bac0cb;font-size:16px}.auth-page form{margin-top:30px}.auth-page fieldset{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.auth-page label{color:#e2e4e9;gap:10px;font-size:14px;font-weight:600}.auth-page input,.auth-page select{min-height:54px;color:var(--rf-text);background:#181c23;border-color:#434a57;border-radius:7px;padding:15px 16px;font-size:16px;font-weight:400}.auth-page input:focus,.auth-page select:focus{border-color:#c8cdd5}.auth-page input:-webkit-autofill{-webkit-text-fill-color:var(--rf-text);caret-color:var(--rf-text);box-shadow:inset 0 0 0 1000px #181c23}.auth-page fieldset>.primary{width:100%;min-height:54px;margin-top:4px}.auth-reveal{color:#cbd0d9;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;justify-self:start;min-height:44px;margin-top:-12px;padding:0 3px;font-size:13px;text-decoration:underline}.auth-links{border-top:1px solid var(--rf-border);gap:13px;margin:32px 0 0;padding-top:24px;font-size:14px;display:grid}.auth-links a{text-underline-offset:4px;padding-block:4px;line-height:1.6;text-decoration-color:#686e79}.auth-links a:hover,.auth-reveal:hover{color:#fff;-webkit-text-decoration-color:var(--rf-accent);text-decoration-color:var(--rf-accent)}.auth-success{background:#17231f;border:1px solid #365b4a;border-radius:12px;margin:28px 0;padding:24px}.auth-success h2{letter-spacing:-.03em;margin-top:0;font-family:inherit;font-size:25px;font-weight:700}.auth-success p{color:#c5d8ce}.auth-success small{color:#b1c4b9}.auth-page [role=alert]{color:#ffb2aa;background:#351e22;border:1px solid #713a3b;border-radius:7px;padding:15px 17px;line-height:1.6}.auth-page button:disabled{cursor:wait}.auth-page .auth-code{letter-spacing:.24em;font-variant-numeric:tabular-nums;font-size:28px}.auth-help{border-top:1px solid var(--rf-border);border-bottom:1px solid var(--rf-border);margin-top:26px;padding-block:12px}.auth-help summary{cursor:pointer;text-underline-offset:4px;min-height:44px;padding:12px 0;font-size:14px}.auth-help p{color:#bac0cb;font-size:14px}.auth-invitation-hint{background:var(--rf-surface);border-left:3px solid var(--rf-accent);border-radius:0 7px 7px 0;padding:16px 18px}@media (min-width:1600px){.auth-page{width:580px;max-width:580px;padding-top:76px}.auth-page>.brand{margin-bottom:70px;font-size:43px}}@media (max-width:600px){.auth-page{background:var(--rf-bg);padding:30px 24px 50px}.auth-page>.brand{margin-bottom:42px;font-size:33px}.auth-links a{align-items:center;min-height:36px;display:flex}}@media (max-width:360px){.auth-page{padding-inline:20px}.auth-page h1{font-size:32px}}