.od-login{background:#f1e3da}.od-bokeh{position:absolute;inset:0;z-index:-1;overflow:hidden}.od-bokeh>img{filter:blur(48px) saturate(1.25) brightness(1.08);transform:scale(1.25)}.od-bokeh:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 15%,rgba(255,236,214,.55),transparent 60%),linear-gradient(180deg,rgba(255,248,240,.25),rgba(255,238,222,.35))}.od-layout{display:flex;flex-direction:column;min-height:100dvh}.od-art{width:100%;aspect-ratio:var(--od-ratio,1090/941);max-height:52vh;-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent);mask-image:linear-gradient(180deg,#000 80%,transparent)}@media (min-width:1024px) and (min-aspect-ratio:5/4){.od-layout{flex-direction:row}.od-art{width:auto;aspect-ratio:auto;max-height:none;flex:1 1 auto;min-height:100dvh;-webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}}.od-copy{position:absolute;left:clamp(16px,4vw,56px);top:clamp(14px,5vh,64px);max-width:min(560px,86%);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.5)}.od-copy:before{content:"";position:absolute;inset:-40% -30% -30% -40%;z-index:-1;background:radial-gradient(closest-side,rgba(15,18,40,.45),transparent)}@media (max-aspect-ratio:5/4),(max-width:1023px){.od-copy{transform:scale(.62);transform-origin:top left}}.od-accent-text{background:linear-gradient(90deg,#8fa5ff,#6e72f7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.od-underline{display:block;width:112px;height:5px;margin-top:20px;border-radius:99px;background:linear-gradient(90deg,#ff8a2a,#ff4d4d 45%,#3b5bff)}.od-panel-wrap{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:0 16px 24px;margin-top:-40px}@media (min-width:640px){.od-panel-wrap{padding:0 32px 32px;align-items:center}}@media (min-width:1024px) and (min-aspect-ratio:5/4){.od-panel-wrap{flex:0 0 auto;width:min(600px,42vw);margin:0;padding:40px 40px 24px 0}}.od-panel{width:100%;max-width:540px;padding:28px 22px;border-radius:28px;background:hsla(0,0%,100%,.74);backdrop-filter:blur(26px) saturate(1.25);border:1px solid hsla(0,0%,100%,.7);box-shadow:0 40px 90px -30px rgba(80,40,10,.45),inset 0 2px 0 hsla(0,0%,100%,.6)}@media (min-width:640px){.od-panel{padding:44px 48px 40px}}@keyframes od-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.035) translate3d(-.6%,-.4%,0)}}.od-art-drift{animation:od-drift 22s ease-in-out infinite alternate;transform-origin:45% 55%;will-change:transform}@media (prefers-reduced-motion:reduce){.od-art-drift{animation:none}}