:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#173e43;background:#f3f7f5}*{box-sizing:border-box}body{margin:0;padding:36px;min-height:100vh;display:grid;place-items:center}.auth-shell{display:grid;grid-template-columns:1fr 1fr;width:min(1060px,100%);min-height:720px;background:white;border-radius:28px;overflow:hidden;box-shadow:0 18px 65px #173e430c}.story{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:#154e50;color:#eaf8ef;position:relative}.story:after{content:'✳';position:absolute;right:28px;bottom:76px;font-size:155px;color:#63a99530}.brand{font-size:28px;font-weight:800;letter-spacing:3px;text-decoration:none;color:inherit}.brand span{color:#e7c56d}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700}h1{font-size:44px;line-height:1.45;letter-spacing:-1px}.story p:not(.eyebrow){font-size:18px;line-height:1.9;color:#bcd9d2}.story small{color:#bcd9d2;letter-spacing:2px}.form-panel{padding:38px 48px;display:flex;flex-direction:column;gap:28px;justify-content:space-between}.preview{font-size:11px;border-radius:20px;background:#fbf4dc;color:#796322;padding:8px 12px;align-self:flex-start}h2{font-size:30px;margin:12px 0}#intro,.help,.form-panel>small{color:#738486;font-size:13px;line-height:1.6}.mode-tabs{display:flex;background:#f2f6f4;padding:4px;border-radius:12px;margin:24px 0}.mode-tabs button{flex:1;border:0;background:none;padding:11px;border-radius:9px;font-size:14px;color:#738486;cursor:pointer}.mode-tabs button[aria-pressed=true]{background:white;color:#154e50;box-shadow:0 2px 8px #163f4310;font-weight:700}label{display:block;font-size:13px;font-weight:600;margin:17px 0 8px}input{font:inherit;width:100%;min-height:46px;border:1px solid #d5e0df;border-radius:10px;padding:11px 13px;background:#fff}input:focus{outline:3px solid #4b9f9426;border-color:#358e7f}#code-field small{display:block;margin-top:6px;color:#738486;font-size:11px}.submit{background:#176f64;color:white;font:inherit;border:none;border-radius:12px;width:100%;min-height:48px;margin:10px 0;cursor:pointer}.submit:disabled{background:#dce7e2;color:#647c73;cursor:not-allowed}#status{font-size:12px;line-height:1.6;color:#8b6e2d}.back{font-size:13px;color:#176f64;text-decoration:none}.help{font-size:12px}[hidden]{display:none!important}@media(max-width:700px){body{padding:16px}.auth-shell{display:block;min-height:0;border-radius:20px}.story{padding:24px}.story>div,.story>small,.story:after{display:none}.brand{font-size:22px}.form-panel{padding:26px 24px;gap:24px}}@media(prefers-reduced-motion:no-preference){button,input{transition:background .15s,border-color .15s}}