.auth-card{inline-size:100%;max-inline-size:940px;color:var(--sky-ink);background:#fff;border-radius:24px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 40px 90px -40px #0a2a5c73,0 0 0 1px #0a2a5c0f}@media (min-width:768px){.auth-card{grid-template-columns:minmax(0,42fr) minmax(0,58fr);min-block-size:560px}}.auth-scene{isolation:isolate;background:linear-gradient(#d3e8ff 0%,#e6f3ff 48%,#f6fbff 100%);align-content:end;min-block-size:176px;padding:56px 22px 20px;display:grid;position:relative;overflow:hidden}@media (min-width:768px){.auth-scene{align-content:start;padding:76px 30px 34px}}.auth-brand{z-index:4;block-size:22px;inline-size:auto;position:absolute;top:18px;left:22px}@media (min-width:768px){.auth-brand{block-size:26px;top:26px;left:30px}}.auth-scene-copy{z-index:4;max-inline-size:62%;position:relative}@media (min-width:768px){.auth-scene-copy{max-inline-size:30ch}}.auth-headline{font-family:var(--font-playfair),Georgia,"Times New Roman",serif;color:var(--sky-ink);text-wrap:balance;margin:0;font-size:clamp(23px,2.6vw,33px);font-weight:500;line-height:1.12}[dir=rtl] .auth-headline{font-family:var(--font-montserrat-arabic),var(--sky-font-arabic),sans-serif;font-size:clamp(21px,2.3vw,28px);font-weight:600}.auth-lead{color:#3d4a5c;max-inline-size:34ch;margin:8px 0 0;font-size:13px;line-height:1.5}@media (min-width:768px){.auth-lead{margin-block-start:12px;font-size:14px;line-height:1.55}}.auth-cloud{z-index:1;pointer-events:none;aspect-ratio:var(--ratio);position:absolute}.auth-cloud[data-place=top]{--ratio:998/666;opacity:.85;inline-size:122%;inset-block-start:-8%;inset-inline-start:-34%}.auth-cloud[data-place=mid]{--ratio:518/458;opacity:.8;inline-size:72%;display:none;inset-block-start:36%;inset-inline-end:-30%}.auth-cloud[data-place=low]{--ratio:906/556;opacity:.95;inline-size:114%;inset-block-end:-18%;inset-inline-start:-22%}@media (min-width:768px){.auth-cloud[data-place=mid]{display:block}}@media (prefers-reduced-motion:no-preference){.auth-cloud[data-place=top]{animation:44s ease-in-out infinite alternate sky-drift-slow}.auth-cloud[data-place=mid]{animation:36s ease-in-out infinite alternate sky-drift}}.auth-flight{z-index:3;aspect-ratio:400/300;pointer-events:none;inline-size:100%;position:absolute;bottom:0;right:0}@media (max-width:767px){.auth-flight{inline-size:60%;max-inline-size:240px;top:0;bottom:auto}}.auth-trail{block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}@media (max-width:767px){.auth-trail{display:none}}.auth-trail-dash{fill:none;stroke:var(--sky-action);stroke-width:2.2px;stroke-linecap:round;stroke-dasharray:.6 9;opacity:.6}.auth-trail-reveal{fill:none;stroke:#fff;stroke-width:8px;stroke-dasharray:1;stroke-dashoffset:1px}@media (prefers-reduced-motion:no-preference){.auth-trail-reveal{animation:1.15s cubic-bezier(.22,1,.36,1) .28s forwards auth-trail}}@media (prefers-reduced-motion:reduce){.auth-trail-reveal{stroke-dashoffset:0}}@keyframes auth-trail{to{stroke-dashoffset:0}}.auth-plane{filter:drop-shadow(0 22px 30px #0a2a5c47);inline-size:62%;position:absolute;bottom:-6%;right:3%}@media (max-width:767px){.auth-plane{inline-size:96%;top:-24%;bottom:auto;right:0}}.auth-plane img{block-size:auto;inline-size:100%;display:block}@media (prefers-reduced-motion:no-preference){.auth-plane-float{animation:6s ease-in-out 1.6s infinite auth-float}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.auth-panel{align-content:start;gap:18px;padding:24px 22px 26px;display:grid;position:relative}@media (min-width:768px){.auth-panel{gap:20px;padding:32px 38px 34px}.auth-card[data-mode=verify] .auth-panel,.auth-card[data-mode=forgot] .auth-panel,.auth-card[data-mode=reset] .auth-panel{align-content:center}}.auth-close{z-index:2;block-size:40px;inline-size:40px;color:var(--sky-charcoal);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;inset-block-start:12px;inset-inline-end:12px}.auth-close:hover{color:var(--sky-action);background:#eaf2ff}.auth-close:focus-visible{outline:2px solid var(--sky-action);outline-offset:2px}.auth-tabs{background:#eaf2ff;border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs[data-with-close]{margin-inline-end:44px}.auth-tab{color:#3d4a5c;block-size:40px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:13.5px;font-weight:700;transition:background-color .2s,color .2s,box-shadow .2s}.auth-tab[aria-selected=true]{color:var(--sky-ink);background:#fff;box-shadow:0 6px 16px -10px #0a2a5c66}.auth-tab:focus-visible{outline:2px solid var(--sky-action);outline-offset:-2px}.auth-back{inline-size:max-content;color:var(--sky-action);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-inline-end:44px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.auth-back:hover{text-underline-offset:3px;text-decoration:underline}.auth-back:focus-visible{outline:2px solid var(--sky-action);outline-offset:3px;border-radius:4px}.auth-google{border:1px solid var(--sky-border);block-size:48px;color:var(--sky-ink);font:inherit;cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:700;transition:border-color .2s,background-color .2s;display:flex}.auth-google:hover{background:#f7fbff;border-color:#b9cfef}.auth-google:focus-visible{outline:2px solid var(--sky-action);outline-offset:2px}.auth-google:disabled{opacity:.6;cursor:default}.auth-google svg{flex:none;block-size:18px;inline-size:18px}.auth-or{color:#6b7a8f;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--sky-border);flex:1;block-size:1px}.auth-form{gap:14px;display:grid}.auth-field{gap:6px;display:grid}.auth-label{color:var(--sky-ink);font-size:12.5px;font-weight:700}.auth-input{border:1px solid var(--sky-border);block-size:48px;inline-size:100%;color:var(--sky-ink);font:inherit;background:#fff;border-radius:12px;padding:0 14px;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.auth-input::placeholder{color:#8a97a8}.auth-input:focus{border-color:var(--sky-action);outline:none;box-shadow:0 0 0 4px #1463ee24}.auth-input[dir=ltr]{text-align:start}.auth-submit{inline-size:100%;margin-block-start:4px}.auth-links{flex-wrap:wrap;gap:8px 18px;display:flex}.auth-link{color:var(--sky-action);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.auth-link[data-quiet]{color:var(--sky-charcoal);font-weight:600}.auth-link:hover{text-underline-offset:3px;text-decoration:underline}.auth-link:focus-visible{outline:2px solid var(--sky-action);outline-offset:3px;border-radius:4px}.auth-link:disabled{opacity:.6;cursor:default;text-decoration:none}.auth-note{border-radius:12px;padding:11px 14px;font-size:13.5px;line-height:1.5}.auth-note[data-tone=error]{color:#a3232f;background:#fff1f2}.auth-note[data-tone=ok]{color:#176b49;background:#e9f7ef}.auth-switch{color:var(--sky-charcoal);flex-wrap:wrap;gap:6px;margin-block-start:auto;padding-block-start:4px;font-size:13.5px;display:flex}.auth-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a173075;animation:.25s ease-out auth-fade;position:fixed;inset:0}.auth-modal{z-index:101;outline:none;max-block-size:94dvh;inline-size:100%;margin:0 auto;animation:.34s cubic-bezier(.22,1,.36,1) auth-rise;position:fixed;inset-block-end:0;inset-inline:0;overflow:auto}.auth-modal .auth-card{max-inline-size:none;box-shadow:none;border-radius:24px 24px 0 0}@media (min-width:768px){.auth-modal{border-radius:24px;block-size:fit-content;max-block-size:calc(100dvh - 32px);inline-size:min(940px,100% - 32px);margin:auto;animation:.32s cubic-bezier(.22,1,.36,1) auth-pop;inset:0}.auth-modal .auth-card{border-radius:24px}}@keyframes auth-fade{0%{opacity:0}}@keyframes auth-rise{0%{opacity:0;transform:translateY(28px)}}@keyframes auth-pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){.auth-overlay,.auth-modal{animation:none}}
