:root{--ink:#181a1c;--muted:#73797d;--line:#e3e7e7;--green:#117b59;--green-soft:#edf7f3;--canvas:#f3f6f5;--danger:#af5145}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(420px,.95fr);background:#fff}
.auth-visual{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:54px 58px;background:linear-gradient(145deg,#10251e 0%,#173d30 60%,#275846 100%);color:#fff}
.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.auth-visual:before{width:520px;height:520px;right:-210px;top:-150px;background:radial-gradient(circle,rgba(117,197,161,.22),transparent 68%)}.auth-visual:after{width:430px;height:430px;left:-180px;bottom:-220px;background:radial-gradient(circle,rgba(236,199,112,.15),transparent 68%)}
.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.auth-brand img{width:52px;height:52px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.22)}.auth-brand span{display:grid;gap:3px}.auth-brand b{font-size:20px}.auth-brand small{color:rgba(255,255,255,.62);font-size:12px;letter-spacing:.08em}
.auth-message{position:relative;z-index:1;max-width:620px}.auth-kicker{display:block;margin-bottom:14px;color:#8ad1b2;font-size:12px;font-weight:750;letter-spacing:.16em}.auth-message h1{max-width:560px;margin:0 0 18px;font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.055em}.auth-message p{max-width:520px;margin:0;color:rgba(255,255,255,.68);font-size:16px;line-height:1.8}
.auth-proof{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap}.auth-proof span{padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.72);font-size:11px}
.auth-side{display:grid;place-items:center;padding:44px}.auth-card{width:min(430px,100%)}.auth-card-head{margin-bottom:30px}.auth-card-head span{color:var(--green);font-size:12px;font-weight:750;letter-spacing:.14em}.auth-card-head h2{margin:8px 0 9px;font-size:36px;letter-spacing:-.045em}.auth-card-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:7px;color:#4d5356;font-size:13px;font-weight:650}.auth-form input{width:100%;height:50px;padding:0 15px;border:1px solid #d7dcdd;border-radius:12px;outline:none;background:#fff;color:var(--ink);font:inherit;font-size:15px;transition:.15s}.auth-form input:focus{border-color:#7eae9b;box-shadow:0 0 0 4px rgba(17,123,89,.09)}.auth-form button{height:50px;border:0;border-radius:12px;background:#19201d;color:#fff;font:inherit;font-size:14px;font-weight:720;cursor:pointer;box-shadow:0 10px 24px rgba(14,28,22,.14)}.auth-form button:hover{background:#080b0a}.auth-form button:disabled{cursor:wait;opacity:.6}
.auth-error{min-height:20px;margin:0;color:var(--danger);font-size:12px}.auth-note{margin-top:22px;padding:13px 14px;border-radius:12px;background:#f5f7f6;color:#707679;font-size:12px;line-height:1.65}.auth-note b{color:#454b4e}
.forbidden-card{text-align:center}.forbidden-code{font-size:80px;font-weight:780;color:#dce7e2;letter-spacing:-.08em}.forbidden-card a{display:inline-flex;align-items:center;justify-content:center;height:44px;margin-top:20px;padding:0 20px;border-radius:11px;background:#19201d;color:#fff;text-decoration:none;font-size:13px;font-weight:700}
@media(max-width:880px){.auth-page{grid-template-columns:1fr}.auth-visual{min-height:280px;padding:32px}.auth-message h1{font-size:42px}.auth-message p,.auth-proof{display:none}.auth-side{padding:38px 24px}}
@media(max-width:520px){.auth-visual{min-height:210px;padding:24px}.auth-brand img{width:45px;height:45px}.auth-message h1{font-size:34px}.auth-side{align-items:start;padding:32px 20px}.auth-card-head h2{font-size:31px}}

/* MITA AI AgentOS motion and depth layer */
.auth-visual:before,.auth-visual:after{animation:auth-aurora 11s ease-in-out infinite alternate}
.auth-visual:before{background:radial-gradient(circle,rgba(117,197,161,.28),rgba(112,92,255,.1) 35%,transparent 68%)}
.auth-visual:after{animation-delay:-5s}
.auth-brand{animation:auth-rise .7s cubic-bezier(.22,1,.36,1) both}
.auth-brand img{box-shadow:0 12px 32px rgba(0,0,0,.18),0 0 0 5px rgba(255,255,255,.045)}
.auth-brand b{letter-spacing:-.025em}.auth-brand small{letter-spacing:.04em}
.auth-message{animation:auth-rise .76s .08s cubic-bezier(.22,1,.36,1) both}.auth-message h1{text-wrap:balance}
.auth-proof{animation:auth-rise .76s .16s cubic-bezier(.22,1,.36,1) both}.auth-proof span{backdrop-filter:blur(8px)}
.auth-side{background:radial-gradient(circle at 100% 0,rgba(112,92,255,.055),transparent 34%),#fff}
.auth-card{animation:auth-card-in .72s .12s cubic-bezier(.22,1,.36,1) both}
.auth-form button{background:linear-gradient(110deg,#19201d,#126f54 58%,#5f55c8 135%);background-size:150% 100%;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,background-position .4s ease}
.auth-form button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(18,85,66,.22);background-position:100% 0}
@keyframes auth-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes auth-card-in{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}
@keyframes auth-aurora{to{transform:translate3d(34px,22px,0) scale(1.08)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}