:root{--ink:#252a2a;--secondary:#64716c;--focus:#367e6d;--canvas:#f3f5f3;--line:#ced9d2;--ease:cubic-bezier(.22,.8,.25,1);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}header{padding:32px 48px;display:flex;gap:18px;align-items:center;font-size:12px}header strong{font-size:20px;font-weight:600;letter-spacing:-.6px}header>span{border-left:1px solid #ccd5cf;padding-left:18px;color:var(--secondary)}.ambient{position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 32% 53%,#9ddcc58a,transparent 36%),radial-gradient(ellipse at 73% 59%,#f0d0c475,transparent 31%);animation:drift 26s ease-in-out infinite alternate}main{flex:1;display:flex;justify-content:center;align-items:center;gap:100px;padding:18px 24px 36px;min-height:540px}.panel{width:420px;padding:38px 38px 30px;background:linear-gradient(130deg,#ffffffc7,#ffffff6b);border:1px solid #fffffff2;border-radius:26px;box-shadow:0 20px 55px -30px #345f473d,inset 0 1px #fff;backdrop-filter:blur(26px) saturate(112%);-webkit-backdrop-filter:blur(26px) saturate(112%);animation:arrive 220ms var(--ease)}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--secondary);margin:0 0 12px}.form-heading{margin-bottom:30px}h2{font-size:32px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:0 0 9px}.intro{font-size:14px;color:var(--secondary);margin:0;line-height:1.6}label{display:block;font-size:13px;font-weight:500;margin:0 0 8px}input{width:100%;height:50px;border:1px solid var(--line);background:#ffffffd9;border-radius:11px;padding:0 14px;font-size:16px;color:var(--ink);transition:border-color 140ms,box-shadow 140ms}input::placeholder{color:#7a837e;font-size:14px}input:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #5ab29420;background:#fff}input[aria-invalid=true]{border-color:#b85061}form>input{margin-bottom:21px}.password{position:relative}.password input{padding-right:50px}#show-password{position:absolute;right:3px;top:3px;width:44px;height:44px;border:0;background:transparent;color:#63716a;border-radius:8px}#show-password svg{width:19px;height:19px}#show-password:hover{background:#edf2ef}#autherror{min-height:20px;line-height:20px;margin:9px 0 14px;font-size:12px;color:#a13e50}#autherror.success{color:#327359}.primary{width:100%;height:50px;border:1px solid #292e2b;border-radius:11px;background:linear-gradient(#353b37,#272c29);color:white;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:14px;font-weight:500;box-shadow:inset 0 1px #ffffff1a,0 2px 3px #273a2910;transition:transform 110ms,box-shadow 110ms}.primary>span:last-child{font-size:22px;font-weight:400}.primary:hover{background:#353e38}.primary:active{transform:translateY(1px) scale(.986);box-shadow:inset 0 2px 4px #0003}.help{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:var(--secondary);margin-top:22px}.help button,footer button{background:none;border:0;color:var(--secondary);padding:8px 0;font-size:12px}#helptext{font-size:12px;line-height:1.7;margin-bottom:0;color:var(--secondary)}button:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}footer{display:flex;justify-content:space-between;align-items:center;padding:0 48px 20px;font-size:11px;color:var(--secondary)}.welcome{display:none}.preview{position:relative;background:#ffffffd9;border-top:1px solid #dde3dd;padding:10px 24px 12px;display:flex;justify-content:center;gap:26px;align-items:center;flex-wrap:wrap;font-size:11px}.variants{display:flex;gap:4px;padding:3px;background:#eaf0eb;border-radius:10px}.variants button{border:0;background:none;font-size:12px;color:#58675f;padding:9px 13px;border-radius:7px}.variants button[aria-pressed=true]{background:#fff;color:#24382c;box-shadow:0 1px 4px #253a2810}.preview-bottom{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#617068}.preview-bottom button{background:none;border:0;color:#36745e;padding:7px 0;font-size:11px}.preview-bottom label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}.preview-bottom select{font-size:11px;padding:6px;border:1px solid #d3dfd6;border-radius:6px;background:white;color:#4b5d52}body[data-layout=split] main{max-width:1000px;width:100%;margin:auto;gap:90px}body[data-layout=split] .welcome{display:block;flex:1}body[data-layout=split] h1{font-size:48px;font-weight:600;letter-spacing:-2px;margin:0 0 20px;white-space:nowrap}body[data-layout=split] .welcome>p{font-size:18px;line-height:1.9;color:#65726b}body[data-layout=split] .panel{width:390px;background:#ffffffc7}body[data-layout=split] .form-heading .eyebrow{display:none}body[data-layout=split] .ambient{background:radial-gradient(ellipse at 22% 40%,#acd8caa1,transparent 42%),radial-gradient(ellipse at 83% 70%,#f0d2c765,transparent 34%)}body[data-layout=plain]{background:#f9faf8}body[data-layout=plain] .panel{background:none;border-color:transparent;box-shadow:none;backdrop-filter:none}body[data-layout=plain] .ambient{opacity:.38}body[data-layout=plain] .form-heading{text-align:center}body[data-layout=plain] h2{font-size:36px}body[data-layout=plain] .primary{background:#347964;border-color:#347964}body.paused .ambient{animation-play-state:paused}@keyframes drift{from{transform:translate(-2%,0) scale(1)}to{transform:translate(2%,2%) scale(1.05)}}@keyframes arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:700px){header{padding:22px 24px}main{min-height:510px;padding:15px 20px 28px}.panel{width:min(420px,100%);padding:30px 25px 26px;border-radius:23px}h2{font-size:30px}footer{padding:0 24px 14px;gap:10px}.preview{padding:10px 12px;gap:8px}.variants button{padding:9px 10px}.preview-bottom{justify-content:center;gap:8px 14px}body[data-layout=split] main{display:block;max-width:440px}body[data-layout=split] .welcome{display:none}body[data-layout=split] .panel{width:100%}.help{font-size:11px}}@media(max-height:740px) and (min-width:701px){header{padding-block:20px}main{min-height:490px;padding-block:8px 20px}.panel{padding-top:28px;padding-bottom:22px}.form-heading{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.primary:active{transform:none}}@media(prefers-reduced-transparency:reduce){.panel{background:#fcfdfb!important;backdrop-filter:none}}@supports not (backdrop-filter:blur(1px)){.panel{background:#fcfdfb}}

/* Approved centered composition — refinement. */
main{min-height:530px;padding:24px 24px 36px}
.panel{width:424px;padding:38px 38px 28px;position:relative;background:linear-gradient(125deg,rgba(255,255,255,.8),rgba(251,254,252,.54) 55%,rgba(255,255,255,.68));box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 24px 62px -38px #34584160;border-radius:25px}
.panel:before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #ffffff60}
.form-heading{margin-bottom:30px}h1{font-size:32px;line-height:1.35;font-weight:600;letter-spacing:-.8px;margin:0 0 11px}.intro{font-size:13px;line-height:1.7}
#autherror{min-height:38px;line-height:19px;margin:8px 0 8px}
.primary{transition:transform 130ms cubic-bezier(.2,.8,.2,1),background 140ms,box-shadow 140ms}.primary[data-state=loading]{cursor:wait}.primary[data-state=loading]>span:last-child{width:16px;height:16px;border:1.5px solid #ffffff60;border-top-color:#fff;border-radius:50%;font-size:0;animation:spin .8s linear infinite}.primary[data-state=success]{background:#367963;border-color:#367963}
.help{margin-top:17px}.help button{min-height:40px}.preview-name{font-size:12px;font-weight:500;color:#485e50}.ambient{opacity:.85}.primary:focus-visible{outline-offset:4px}input:read-only{color:#546259}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:700px){main{min-height:500px;padding:12px 20px 28px}.panel{padding:30px 25px 23px;border-radius:23px}h1{font-size:29px}.intro{font-size:12px}.form-heading{margin-bottom:27px}.preview-name{width:100%;text-align:center}.help{gap:6px}}
@media(max-height:620px){main{align-items:flex-start;min-height:0}.panel{margin-block:8px}footer{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.primary[data-state=loading]>span:last-child{animation:none}}
/* Readability floor for real login content; preview toolbar remains separate. */
.help,footer{font-size:12px}.help button{font-size:12px}label{font-size:13px}#helptext{font-size:12px}
@media(max-width:700px){.help{font-size:12px}.help button{font-size:12px}}

[hidden]{display:none!important}.confirm-field{margin-top:20px}.setup-hint{font-size:12px;line-height:1.7;color:var(--secondary)}#authretry{display:block;margin:10px auto 0;border:0;background:none;padding:8px;color:var(--focus);font-size:13px}