.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 20%,#181e4e2e,#0000 42%),radial-gradient(circle at 85% 75%,#181e4e1a,#0000 40%),radial-gradient(circle,#0080ff14,#0000 55%);position:fixed;inset:0}.auth-page:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 85%);mask-image:radial-gradient(circle,#000 20%,#0000 85%)}.auth-shell{z-index:1;grid-template-columns:1fr;gap:1.5rem;width:100%;max-width:980px;display:grid;position:relative}@media (min-width:900px){.auth-shell{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:0}}.auth-brand{background:linear-gradient(145deg,#0f2b5bb8 0%,#1b0c3ed1 55%,#0000008c 100%);border:1px solid #ffffff14;border-radius:1.25rem;padding:2rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}@media (min-width:900px){.auth-brand{border-right:none;border-radius:1.25rem 0 0 1.25rem;flex-direction:column;justify-content:center;min-height:560px;padding:3rem 2.5rem;display:flex}}.auth-brand-glow{filter:blur(70px);opacity:.45;pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute}.auth-brand-glow--pink{background:#181e4e;top:-40px;right:-30px}.auth-brand-glow--orange{background:#f60;bottom:-60px;left:-20px}.auth-brand-inner{z-index:1;position:relative}.auth-logo-link{align-items:center;gap:.85rem;margin-bottom:2rem;text-decoration:none;display:inline-flex}.auth-logo-link img{width:auto;height:3.25rem}.auth-logo-text{letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9;font-size:.95rem;font-weight:700}.auth-badge{letter-spacing:.08em;text-transform:uppercase;color:#181e4e;background:#181e4e1f;border:1px solid #181e4e59;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .9rem;font-size:.55rem;font-weight:700;display:inline-flex}.auth-brand-title{letter-spacing:-.02em;color:#fff;margin:0 0 1rem;font-size:clamp(1.85rem,4vw,2.75rem);font-weight:800;line-height:1.15}.auth-brand-title span{color:#181e4e;display:block}.auth-brand-copy{color:#ffffffb8;max-width:28rem;margin:0 0 1.75rem;font-size:1rem;line-height:1.7}.auth-feature-list{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.auth-feature-item{color:#ffffffc7;align-items:flex-start;gap:.75rem;font-size:.92rem;display:flex}.auth-feature-icon{color:#181e4e;background:#181e4e24;border:1px solid #181e4e40;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;display:inline-flex}.auth-panel{position:relative}@media (min-width:900px){.auth-panel{align-items:stretch;display:flex}}.auth-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:1.25rem;width:100%;padding:2rem 1.5rem;position:relative;box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff14}@media (min-width:900px){.auth-card{border-left:1px solid #181e4e2e;border-radius:0 1.25rem 1.25rem 0;flex-direction:column;justify-content:center;min-height:560px;padding:2.75rem 2.25rem;display:flex}}.auth-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#181e4e73,#ffffff14 40%,#181e4e40);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.auth-card-header{margin-bottom:1.75rem}.auth-card-kicker{letter-spacing:.12em;text-transform:uppercase;color:#ffffff80;margin:0 0 .5rem;font-size:.78rem;font-weight:700}.auth-card-title{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.6rem,3vw,2rem);font-weight:800}.auth-card-subtitle{color:#ffffff9e;margin:0;font-size:.95rem;line-height:1.6}.auth-alert{border-radius:.85rem;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.9rem 1rem;font-size:.92rem;line-height:1.5;display:flex}.auth-alert-icon{flex-shrink:0;margin-top:.1rem}.auth-alert--error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459}.auth-alert--success{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e59}.auth-form{flex-direction:column;gap:1.15rem;display:flex}.auth-submit{cursor:pointer;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#000;border:none;border-radius:.85rem;width:100%;margin-top:.35rem;padding:1rem 1.25rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 12px 32px #00000047}.auth-submit:before{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .55s;position:absolute;inset:0;transform:translate(-120%)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 16px 40px #00000061}.auth-submit:hover:before{transform:translate(120%)}.auth-submit:active{transform:translateY(0)}.auth-submit-inner{z-index:1;justify-content:center;align-items:center;gap:.65rem;display:inline-flex;position:relative}.auth-footer{text-align:center;color:#ffffff8c;border-top:1px solid #ffffff14;margin-top:1.5rem;padding-top:1.25rem;font-size:.88rem}.auth-footer a{color:#181e4e;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#222a6a}.auth-mobile-brand{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.auth-mobile-brand img{width:auto;height:2.5rem}@media (min-width:900px){.auth-mobile-brand{display:none}.auth-brand{display:flex}}@media (max-width:899px){.auth-brand{display:none}}.auth-card .form-field{margin-bottom:0}.auth-card .form-stack{gap:1.15rem}
