.os-login{background:var(--color-os-ground);color:#fff;isolation:isolate;grid-template-rows:1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.os-login__glow{z-index:-2;background:radial-gradient(60rem 36rem at 12% 100%,color-mix(in srgb,var(--color-os-accent)22%,transparent),transparent 62%),radial-gradient(38rem 26rem at 92% 0%,color-mix(in srgb,var(--color-os-accent)10%,transparent),transparent 60%),repeating-linear-gradient(0deg,#ffffff06 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,#ffffff06 0 1px,transparent 1px 44px);position:absolute;inset:0}.os-login__stars{z-index:-1;pointer-events:none;position:absolute;inset:0}.os-login__star{color:var(--color-os-accent);opacity:.75;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-os-accent)55%,transparent));animation:linear infinite os-drift;position:absolute}@keyframes os-drift{0%{opacity:.35;transform:translate(0,0)rotate(0)scale(1)}50%{opacity:.9;transform:translate(10px,-26px)rotate(40deg)scale(1.15)}to{opacity:.35;transform:translate(0,0)rotate(90deg)scale(1)}}.os-login__stage{grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);align-content:center;align-items:center;gap:clamp(28px,6vw,80px);width:min(1100px,100%);margin:0 auto;padding:clamp(28px,6vh,72px) 24px 24px;display:grid}@media (max-width:860px){.os-login__stage{grid-template-columns:1fr;gap:28px}}.os-login__brand{min-width:0}.os-login__logo-wrap{flex-direction:column;align-items:center;gap:14px;max-width:100%;display:inline-flex;position:relative}.os-login__mark{filter:drop-shadow(0 6px 18px #00000059);width:84px;height:auto}.os-login__logo{width:min(100%,620px);height:auto;animation:.7s cubic-bezier(.2,.8,.2,1) both os-rise;display:block}.os-login__tag{background:var(--color-os-accent);color:var(--color-os-accent-ink);letter-spacing:.18em;text-transform:uppercase;box-shadow:0 8px 24px color-mix(in srgb,var(--color-os-accent)35%,transparent);transform-origin:20% 0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;animation:4.5s ease-in-out infinite os-swing;display:inline-block;position:absolute;bottom:-18px;right:-6px;transform:rotate(-6deg)}@keyframes os-swing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(-3deg)}}.os-login__line{color:#ffffff9e;text-wrap:balance;max-width:44ch;margin:34px 0 0;font-size:clamp(15px,1.6vw,18px);line-height:1.5;animation:.7s cubic-bezier(.2,.8,.2,1) .12s both os-rise}@keyframes os-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.os-login__card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff12,#ffffff09);border:1px solid #ffffff1f;border-radius:24px;padding:28px;animation:.7s cubic-bezier(.2,.8,.2,1) .2s both os-rise;position:relative;box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff14}.os-login__card:before{content:"";background:linear-gradient(135deg,color-mix(in srgb,var(--color-os-accent)70%,transparent),transparent 40%,transparent 60%,color-mix(in srgb,var(--color-os-accent)35%,transparent));-webkit-mask-composite:xor;pointer-events:none;border-radius:25px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.os-login__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--color-os-accent);font-size:11px;font-weight:700}.os-login__h{letter-spacing:-.02em;margin:8px 0 4px;font-size:26px;font-weight:800;line-height:1.1}.os-login__sub{color:#ffffff8c;margin:0 0 18px;font-size:13.5px;line-height:1.5}.os-login__field{color:#fff;background:#00000059;border:1px solid #ffffff29;border-radius:14px;outline:none;width:100%;padding:15px 16px;font-size:15px;transition:border-color .16s,box-shadow .16s}.os-login__field::placeholder{color:#ffffff4d}.os-login__field:focus{border-color:color-mix(in srgb,var(--color-os-accent)80%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-os-accent)16%,transparent)}.os-login__btn{background:var(--color-os-accent);width:100%;color:var(--color-os-accent-ink);letter-spacing:.01em;box-shadow:0 10px 30px color-mix(in srgb,var(--color-os-accent)28%,transparent);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:15px 16px;font-size:15px;font-weight:800;transition:transform .14s,box-shadow .14s,filter .14s;display:inline-flex}.os-login__btn:hover:not(:disabled){box-shadow:0 14px 34px color-mix(in srgb,var(--color-os-accent)38%,transparent);transform:translateY(-1px)}.os-login__btn:active:not(:disabled){transform:translateY(0)scale(.99)}.os-login__btn:disabled{opacity:.45;box-shadow:none}.os-login__btn:focus-visible,.os-login__ghost:focus-visible,.os-login__link:focus-visible{outline:2px solid var(--color-os-accent);outline-offset:3px}.os-login__ghost{color:#ffffffd9;border:1px solid #ffffff29;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;display:inline-flex}.os-login__ghost:hover:not(:disabled){border-color:#ffffff59}.os-login__link{color:#ffffff73;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px}.os-login__link:hover{color:#fffc}.os-login__msg{color:#fff9;margin:10px 0 0;font-size:12.5px}.os-login__error{color:#ffffffd9;background:#ff6b6b1a;border:1px solid #ff6b6b66;border-radius:12px;margin:12px 0 0;padding:10px 12px;font-size:13px}.os-login__sent{text-align:center;padding:6px 0 2px}.os-login__stamp{background:var(--color-os-accent);width:84px;height:84px;color:var(--color-os-accent-ink);box-shadow:0 16px 40px color-mix(in srgb,var(--color-os-accent)35%,transparent);border-radius:24px;place-items:center;margin:0 auto 14px;animation:.6s cubic-bezier(.2,1.4,.3,1) both os-pop;display:grid;transform:rotate(-6deg)}@keyframes os-pop{0%{opacity:0;transform:rotate(-30deg)scale(.4)}to{opacity:1;transform:rotate(-6deg)scale(1)}}.os-login__sent-email{color:#fff;word-break:break-all;font-weight:700}.os-login__foot{text-align:center;color:#ffffff59;padding:18px 24px 26px;font-size:12px}@media (prefers-reduced-motion:reduce){.os-login__star,.os-login__tag,.os-login__logo,.os-login__line,.os-login__card,.os-login__stamp{animation:none}}