.auth-page{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--background)}.auth-story{position:relative;display:flex;flex-direction:column;padding:40px 54px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 80%,var(--background)),var(--background));border-right:1px solid var(--border)}.auth-story:after{content:"";position:absolute;width:650px;height:650px;border:1px solid color-mix(in srgb,var(--brand-sky) 12%,transparent);border-radius:50%;bottom:-350px;left:-210px;box-shadow:0 0 0 60px color-mix(in srgb,var(--brand-sky) 3%,transparent),0 0 0 120px color-mix(in srgb,var(--brand-sky) 2%,transparent);pointer-events:none}.auth-story-content{width:100%;max-width:430px;margin:auto;padding:55px 0;position:relative;z-index:1}.auth-eyebrow{display:block;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#146b9b}.auth-story h2{margin:22px 0;font-size:clamp(38px,4.5vw,65px);font-weight:550;letter-spacing:-2.7px;line-height:1.12}.auth-story h2>span{color:#146b9b}.auth-story-content>p{font-size:14px;line-height:1.8;color:var(--muted-foreground)}.auth-preview{background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:0 16px 35px #146b9b0c;margin-top:35px;padding:20px;transform:rotate(-2deg)}.auth-preview-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding-bottom:15px;color:var(--brand-sky)}.auth-preview-top strong{font-size:12px;color:var(--foreground)}.auth-preview-top>span{margin-left:auto;font-size:9px;color:var(--muted-foreground)}.auth-file{display:flex;gap:10px;align-items:center;padding:13px 0;font-size:11px;color:var(--muted-foreground)}.auth-file>svg{color:var(--brand-sky)}.auth-file>svg:last-child{margin-left:auto}.auth-preview-foot{display:flex;gap:8px;align-items:center;background:color-mix(in srgb,var(--primary) 6%,var(--card));color:var(--primary);margin-top:7px;padding:10px;border-radius:7px;font-size:10px}.auth-preview-foot>span{margin-left:auto;display:flex;gap:4px;align-items:center;font-size:9px}.auth-story-footer{position:relative;z-index:1;display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted-foreground)}.auth-story-footer>svg{color:var(--brand-sky)}.auth-main{min-width:0;display:flex;flex-direction:column;padding:40px 48px 28px}.auth-topline{justify-content:space-between;gap:15px}.auth-back,.auth-topline{display:flex;align-items:center}.auth-back{gap:8px;font-size:12px;color:var(--muted-foreground)}.auth-back:hover{color:var(--primary)}.auth-form-wrap{width:100%;max-width:370px;margin:auto;padding:55px 0}.auth-form-content{animation:auth-enter .3s ease-out}.auth-form-icon{display:grid;place-items:center;width:52px;height:52px;color:var(--brand-sky);background:var(--accent);border:1px solid color-mix(in srgb,var(--brand-sky) 15%,var(--border));border-radius:15px;margin-bottom:25px}.auth-form-content h1{font-size:31px;line-height:1.25;font-weight:600;letter-spacing:-1px}.auth-intro{font-size:13px;line-height:1.8;color:var(--muted-foreground);margin-top:10px}.auth-fields{display:grid;gap:20px;margin-top:30px}.auth-field{display:grid;gap:8px}.auth-field label{font-size:12px;font-weight:550}.auth-field input{height:46px;font-size:14px;border-radius:8px;background:var(--background)}.auth-field p{font-size:11px;color:var(--muted-foreground);line-height:1.7}.auth-password{position:relative}.auth-password input{padding-right:45px}.auth-password button{position:absolute;right:3px;top:3px;display:grid;place-items:center;width:40px;height:40px;color:var(--muted-foreground);border-radius:6px}.auth-password button:hover{color:var(--primary);background:var(--secondary)}.auth-submit{height:46px;width:100%;border-radius:8px;margin-top:3px}.auth-mode{font-size:12px;color:var(--muted-foreground);text-align:center;margin-top:27px}.auth-mode button{color:var(--primary);font-weight:550;margin-left:4px}.auth-mode button:hover{text-decoration:underline;text-underline-offset:3px}.auth-error{color:var(--destructive);background:color-mix(in srgb,var(--destructive) 7%,var(--background));padding:12px;border:1px solid color-mix(in srgb,var(--destructive) 20%,var(--border));border-radius:8px;font-size:12px;line-height:1.7}.auth-bottom{justify-content:center;flex-wrap:wrap;gap:8px;color:var(--muted-foreground);font-size:10px}.auth-bottom,.auth-bottom a{display:flex;align-items:center}.auth-bottom a{gap:4px;margin-left:10px;color:var(--primary)}.auth-page a:focus-visible,.auth-page button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@keyframes auth-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1000px){.auth-main,.auth-story{padding:35px}.auth-preview-top>span{display:none}}@media (max-width:767px){.auth-page{grid-template-columns:1fr}.auth-story{padding:22px 25px;border-right:0;border-bottom:1px solid var(--border)}.auth-story-content,.auth-story-footer,.auth-story:after{display:none}.auth-main{padding:22px 25px 28px;min-height:calc(100svh - 78px)}.auth-form-wrap{padding:38px 0 45px}.auth-form-content h1{font-size:29px}.auth-field input{font-size:16px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.auth-eyebrow,.auth-story h2>span){color:#76c4e8}}[data-theme=dark] :is(.auth-eyebrow,.auth-story h2>span){color:#76c4e8}@media (prefers-reduced-motion:reduce){.auth-page *{animation:none!important;transition:none!important}}