.auth-page{min-height:100dvh;padding-inline:var(--safe-left) var(--safe-right);flex-direction:column;display:flex}.auth-top{min-height:var(--touch-min);padding:calc(var(--sp-5) + var(--safe-top)) var(--gutter) 0;align-items:center;display:flex}.auth-top .brand{min-height:var(--touch-min)}.auth-main{align-content:center;column-gap:var(--sp-16);padding:var(--sp-10) var(--gutter) calc(var(--sp-12) + var(--safe-bottom));flex:1 0 auto;grid-template-columns:minmax(0,1fr) minmax(0,400px) minmax(0,1fr);display:grid}.auth-column{gap:var(--sp-6);grid-area:1/2;min-width:0;display:grid}.auth-aside{place-self:start end;justify-items:start;gap:var(--sp-8);width:100%;max-width:250px;border-inline-end:1px solid var(--c-line);grid-area:1/1;padding-inline-end:var(--sp-8);display:grid}html[dir=rtl] .auth-aside{border-inline-end:0;border-inline-start:1px solid var(--c-line);grid-column:3;justify-self:start;padding-inline-start:var(--sp-8);padding-inline-end:0}.auth-promise{font-family:var(--font-serif);font-optical-sizing:auto;color:var(--c-text-2);text-wrap:pretty;font-size:22px;font-style:italic;font-weight:380;line-height:1.4}.auth-mascot{object-fit:contain;width:168px;height:auto}.auth-header{gap:var(--sp-3);display:grid}.auth-header h1{font-family:var(--font-serif);font-optical-sizing:auto;letter-spacing:-.024em;color:var(--c-text);text-wrap:balance;overflow-wrap:break-word;font-size:40px;font-weight:440;line-height:1.1}.auth-header p{color:var(--c-text-2);line-height:var(--lh-body)}.auth-socials{gap:var(--sp-3);display:grid}.auth-divider{align-items:center;gap:var(--sp-3);color:var(--c-text-3);font-size:var(--fs-label);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--c-line);flex:1;height:1px}.auth-form{gap:var(--sp-5);display:grid}.auth-column .ui-field,.split .ui-field{gap:var(--sp-2)}.ui-message-slot{min-height:calc(var(--fs-caption) * var(--lh-ui));margin-top:calc(var(--sp-1) * -1);margin-bottom:calc(var(--sp-3) * -1)}.ui-message-slot>*{animation:ui-message-in var(--dur-2) var(--ease-out) both}@keyframes ui-message-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.ui-message-slot>*{animation:none}}.auth-column .ui-input{min-height:var(--touch-cta)}.auth-password{align-items:center;display:grid}.auth-password>*{grid-area:1/1}.auth-password .ui-input{padding-inline-end:calc(var(--touch-min) + var(--sp-1))}.auth-password .auth-password-toggle{justify-self:end;margin-inline-end:2px}.auth-options{justify-content:space-between;align-items:center;gap:0 var(--sp-4);margin-top:calc(var(--sp-2) * -1);flex-wrap:wrap;display:flex}.auth-options .auth-forgot{min-height:var(--touch-min);font-size:var(--fs-secondary)}.auth-switch{padding-top:var(--sp-5);border-top:1px solid var(--c-line);color:var(--c-text-2);font-size:var(--fs-secondary);text-align:center}.auth-switch .ui-link{min-height:var(--touch-min)}.auth-page :is(.auth-header h1,.auth-promise):lang(ar){letter-spacing:0;font-style:normal}@media (height<=760px) and (width>=961px){.auth-main{padding-top:var(--sp-6);align-content:start}.auth-aside{gap:var(--sp-6)}.auth-promise{font-size:20px}.auth-mascot{width:128px}}@media (width<=1180px){.auth-main{column-gap:var(--sp-10);grid-template-columns:minmax(0,1fr) minmax(0,400px) minmax(0,.5fr)}.auth-aside{max-width:230px;padding-inline-end:var(--sp-6)}html[dir=rtl] .auth-aside{padding-inline-start:var(--sp-6);padding-inline-end:0}.auth-promise{font-size:20px}.auth-mascot{width:148px}}@media (width>=961px) and (width<=1180px){html[dir=rtl] .auth-main{grid-template-columns:minmax(0,.5fr) minmax(0,400px) minmax(0,1fr)}}@media (width<=960px){.auth-main{padding-top:var(--sp-8);grid-template-columns:minmax(0,400px);place-content:start center}.auth-column{grid-column:1}.auth-aside{display:none}}@media (width<=600px){.auth-main{padding-top:var(--sp-6);grid-template-columns:minmax(0,1fr)}.auth-column{gap:var(--sp-5)}.auth-header h1{font-size:32px}}@media (width<=480px){.auth-top{padding-top:calc(var(--sp-4) + var(--safe-top))}.auth-header{gap:var(--sp-2)}}@media (width<=400px){.auth-column,.auth-form{gap:var(--sp-4)}.auth-header h1{font-size:30px}}@media (orientation:landscape) and (height<=500px){.auth-top{padding-top:calc(var(--sp-3) + var(--safe-top))}.auth-main{padding-block:var(--sp-5) calc(var(--sp-6) + var(--safe-bottom));align-content:start}.auth-header h1{font-size:32px}}.auth-banner-action{font:inherit;color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:inline}.auth-done-title:focus{outline:none}.auth-consent{display:grid}.auth-consent .ui-check{min-height:0}.auth-consent .ui-message-slot{padding-inline-start:calc(18px + var(--sp-3))}.split{min-height:100dvh;padding-inline:var(--safe-left) var(--safe-right);grid-template:"brand switch""stage form"1fr"slogan legal"/minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.split:before{content:"";background:var(--c-line);pointer-events:none;width:1px;position:absolute;inset-block:0;inset-inline-start:50%}.split-brand,.split-switch,.split-slogan,.split-legal{padding-inline:var(--gutter)}.split-brand{padding-top:calc(var(--sp-5) + var(--safe-top));grid-area:brand;align-items:center;display:flex}.split-switch{justify-content:flex-end;align-items:center;gap:var(--sp-2);padding-top:calc(var(--sp-5) + var(--safe-top));min-width:0;color:var(--c-text-2);font-size:var(--fs-secondary);grid-area:switch;display:flex}@media (width<=479px){.split-switch-text{display:none}}.split-switch .ui-link{min-height:var(--touch-min)}.split-stage{align-content:center;justify-items:start;gap:var(--sp-5);min-width:0;max-width:520px;padding:var(--sp-10) var(--gutter);grid-area:stage;grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.split-title{font-family:var(--font-serif);font-optical-sizing:auto;font-size:var(--fs-hero);font-weight:440;line-height:var(--lh-tight);letter-spacing:var(--tracking-title);text-wrap:balance}.split-title em{color:var(--c-accent-text);font-style:italic}.split-sub{color:var(--c-text-2);line-height:var(--lh-body);max-width:38ch}.split-card{width:100%;margin-top:var(--sp-4)}.split-mini{width:100%;display:none}.split-form{padding:var(--sp-10) var(--gutter);grid-area:form;align-content:center;justify-items:center;display:grid}.split-form-inner{gap:var(--sp-6);width:100%;max-width:420px;display:grid}.split-form-heading{font-family:var(--font-serif);letter-spacing:var(--tracking-title);font-size:30px;font-weight:440}.split-slogan{padding-bottom:calc(var(--sp-5) + var(--safe-bottom));color:var(--c-text-3);font-family:var(--font-serif);font-size:var(--fs-secondary);grid-area:slogan;align-items:center;font-style:italic;display:flex}.split-legal{justify-content:flex-end;align-items:center;gap:var(--sp-5);padding-bottom:calc(var(--sp-5) + var(--safe-bottom));font-size:var(--fs-label);grid-area:legal;display:flex}.split .auth-socials-split{grid-template-columns:1fr}.split .auth-social-short{display:none}.split .auth-form{gap:var(--sp-5)}.split .ui-input{min-height:var(--touch-cta)}.auth-label-row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);display:flex}.auth-label-row .ui-link{font-size:var(--fs-label)}.split fieldset{gap:var(--sp-5);border:0;min-width:0;margin:0;padding:0;display:grid}html[dir=rtl] .split-switch,html[dir=rtl] .split-legal{justify-content:flex-start}.split :is(.split-title,.split-form-heading):lang(ar){letter-spacing:0}.split .split-title em:lang(ar){font-style:normal}@media (width<=1023px){.split{max-width:calc(480px + 2 * var(--gutter));grid-template:"brand switch""stage stage""form form"1fr"legal legal"/minmax(0,1fr) auto;justify-content:center;margin-inline:auto}.split:before,.split-slogan,.split-card,.split-form-heading{display:none}.split-stage{max-width:none;padding:var(--sp-8) var(--gutter) var(--sp-4);gap:var(--sp-3);margin:0}.split-title{font-size:36px}.split-mini{display:block}.split-form{padding-block:var(--sp-4) var(--sp-8);align-content:start}.split-legal{padding-top:var(--sp-4);justify-content:center}}@media (width<=599px){.split-title{font-size:30px}.split .auth-socials-split{grid-template-columns:1fr 1fr}.split .auth-social-full{display:none}.split .auth-social-short{display:inline}.split-form-inner{gap:var(--sp-5)}}.auth-done{gap:var(--sp-4);display:grid}.auth-done-title{align-items:center;gap:var(--sp-2);font-size:var(--fs-section);font-weight:var(--fw-semibold);display:flex}.auth-done-title svg{color:var(--c-success-text)}.auth-done p{color:var(--c-text-2);line-height:var(--lh-body);overflow-wrap:anywhere}.auth-done .auth-done-hint{color:var(--c-text-3);font-size:var(--fs-label)}.auth-done .auth-done-other{min-height:var(--touch-min);justify-self:center}.split .auth-back{justify-self:start;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);font-size:var(--fs-secondary);display:inline-flex}html[dir=rtl] .split .auth-back svg{transform:scaleX(-1)}.rc{gap:var(--sp-5);width:100%;max-width:440px;padding:var(--sp-6);border:1px solid var(--c-line-strong);border-radius:var(--r-overlay);background:var(--c-surface);box-shadow:var(--shadow-float);display:grid}.rc-head,.rc-mini{align-items:center;gap:var(--sp-2);display:flex}.rc-dot{border-radius:var(--r-full);background:var(--c-live);flex:none;width:8px;height:8px;animation:1.8s ease-in-out infinite rc-pulse}.rc-place{color:var(--c-text-3);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.rc-line{min-height:5.4em;font-family:var(--font-serif);font-size:var(--fs-script);font-weight:400;line-height:1.35}.rc-line span{color:var(--c-text-disabled);transition:color var(--dur-3) var(--ease-out)}.rc-line span.is-on{color:var(--c-text)}.rc-bars{align-items:center;gap:4px;height:36px;display:flex}.rc-bars i{border-radius:var(--r-full);background:var(--c-accent);opacity:.8;height:100%;animation:1.4s ease-in-out infinite rc-wave;animation-delay:calc(var(--i) * -90ms);flex:1;transform:scaleY(.18)}.rc-chip{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);color:var(--c-success-text);background:var(--c-success-soft);font-size:var(--fs-caption);font-weight:var(--fw-semibold);opacity:0;transition:opacity var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out);justify-self:start;transform:translateY(4px)}.rc-chip.is-on{opacity:1;transform:none}.rc-mini{min-width:0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-line);border-radius:var(--r-full);background:var(--c-surface);font-size:var(--fs-label)}.rc-mini-place{color:var(--c-text-3);font-weight:var(--fw-semibold);flex:none}.rc-mini-line{min-width:0;color:var(--c-text);font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes rc-pulse{50%{opacity:.35}}@keyframes rc-wave{50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.rc-dot,.rc-bars i{animation:none}.rc-bars i{transform:scaleY(.5)}.rc-chip{opacity:1;transform:none}}
