*{box-sizing:border-box}body{margin:0;color:#020617;font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;background:#fff}a{color:#003399;text-decoration:none}a:hover{text-decoration:underline}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.brand{display:flex;align-items:center;justify-content:center;padding:64px;background:linear-gradient(155deg,#0b3b9f,#0b2f8f 52%,#1f4f86);color:#fff}.brand-content{width:100%;max-width:440px}.brand-logo{width:160px;filter:brightness(0) invert(1)}.brand h2{font-size:clamp(36px,3.1vw,44px);letter-spacing:-.045em;line-height:1.12;margin:52px 0 24px}.brand h2 span{color:#ffde55}.brand p{max-width:360px;color:#d9e5fc;line-height:1.8}.content{padding:32px clamp(24px,5vw,72px);display:flex;flex-direction:column}.back{font-size:14px;color:#64748b;font-weight:500;align-self:flex-start}.mobile-logo{display:none}.form-wrap{width:100%;max-width:460px;margin:auto;padding:40px 0}.form-wrap h1{font-size:clamp(30px,2.5vw,34px);letter-spacing:-.035em;margin:0 0 8px;line-height:1.2}.description{color:#64748b;font-size:14px;line-height:1.7;margin:0 0 28px}.google,.submit{width:100%;height:44px;border-radius:12px;font:600 14px inherit;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}.google{background:#fff;border:1px solid #cbd5e1;color:#020617;display:flex;align-items:center;justify-content:center;gap:10px}.google:hover{background:#f4f7fc}.google svg{width:18px;height:18px}.divider{display:flex;align-items:center;gap:16px;color:#94a3b8;font-size:13px;margin:22px 0}.divider:before,.divider:after{content:"";height:1px;flex:1;background:#e2e8f0}.fields{display:grid;gap:18px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.field input{width:100%;height:44px;padding:0 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#020617;font:14px inherit;font-family:inherit;font-size:14px}.field input:focus{outline:3px solid #dbeafe;border-color:#003399}.pw{position:relative}.pw input{padding-right:48px}.toggle{position:absolute;right:4px;top:3px;width:40px;height:38px;border:0;background:none;color:#64748b;cursor:pointer}.toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.hint,.forgot{font-size:12px;color:#64748b;margin:7px 0 0}.forgot{text-align:right}.forgot a{font-weight:600}.submit{margin-top:4px;border:1px solid #003399;background:linear-gradient(180deg,#2854a7,#003399);color:#fff;box-shadow:inset 0 1px 0 #ffffff61}.submit:hover{background:linear-gradient(180deg,#3763b4,#0b45bd)}.foot{font-size:14px;color:#475569;margin:22px 0 0}.foot a{font-weight:600}.notice{color:#475569;font-size:13px;line-height:1.5;margin:12px 0 0}.back:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #93b4ff;outline-offset:3px}@media(max-width:900px){.auth{display:block}.brand{display:none}.content{min-height:100vh;padding:24px}.mobile-top{display:flex;align-items:center;justify-content:space-between}.mobile-logo{display:block;width:128px}.form-wrap{padding:48px 0}}
.brand{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.08),transparent 28%),radial-gradient(circle at 78% 78%,rgba(255,222,85,.08),transparent 32%),linear-gradient(155deg,#0b3b9f 0%,#0b2f8f 52%,#1f4f86 100%)}.brand:before{content:"";position:absolute;inset:8%;z-index:-1;opacity:.052;background-image:linear-gradient(to right,#fff 1px,transparent 1px),linear-gradient(to bottom,#fff 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000 0%,#000 34%,transparent 74%);pointer-events:none}.brand:after{content:"";position:absolute;inset:auto 0 0;height:50%;z-index:-1;background:radial-gradient(ellipse at bottom,rgba(42,79,204,.18),transparent 62%);pointer-events:none}

.brand-content{max-width:700px;text-align:center}.brand-logo{display:block;margin:0 auto}.brand h2{font-size:clamp(34px,3.2vw,56px);font-weight:600;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;margin:48px auto 22px}.brand h2 .hero-accent{position:relative;display:inline-block;white-space:nowrap}.hero-accent svg{position:absolute;left:2%;bottom:-.2em;width:96%;height:.26em;overflow:visible;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;pointer-events:none}.brand p{max-width:54ch;margin:0 auto;font-size:16px;line-height:1.65}

.brand{background:#0b338f;color:#fff}.brand:before,.brand:after{display:none}.brand-logo{filter:brightness(0) invert(1)}.brand h2 .hero-accent{color:#ffde55}.brand p{color:#d9e5fc}

.brand{background:radial-gradient(ellipse at 5% 8%,rgba(83,144,255,.4),transparent 42%),radial-gradient(ellipse at 100% 100%,rgba(54,116,220,.38),transparent 45%),#0b338f}



.brand h2 .accent-text{color:#ffde55;background:linear-gradient(110deg,#ffc928 18%,#fff09a 47%,#ffc928 76%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:auth-accent-color 4s ease-in-out infinite alternate}@keyframes auth-accent-color{from{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.brand h2 .accent-text{animation:none}}

.brand:before{display:block;content:"";position:absolute;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 20%,rgba(98,157,255,.32),transparent 38%),radial-gradient(ellipse at 80% 80%,rgba(66,133,235,.25),transparent 40%);animation:auth-light-drift 12s ease-in-out infinite alternate}@keyframes auth-light-drift{from{transform:translate(-3%,-2%) scale(1)}to{transform:translate(3%,2%) scale(1.12)}}@media(prefers-reduced-motion:reduce){.brand:before{animation:none}}

.brand:before{inset:-35%;background:radial-gradient(ellipse at 24% 26%,rgba(111,170,255,.55),transparent 35%),radial-gradient(ellipse at 73% 69%,rgba(66,137,245,.48),transparent 37%);filter:blur(18px)}.brand:after{display:block;content:"";position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 72% 18%,rgba(140,181,255,.23),transparent 30%),radial-gradient(ellipse at 22% 80%,rgba(44,105,216,.42),transparent 38%);filter:blur(24px);animation:auth-light-drift 16s ease-in-out infinite alternate-reverse}@media(prefers-reduced-motion:reduce){.brand:after{animation:none}}