body { font-family: "Segoe UI", system-ui, sans-serif; background:#f3f7f6; color:#18332f; }
button,input,a { font-family:inherit; }
.shell { max-width:1000px; min-height:580px; border:1px solid #dbe5e2; border-radius:16px; box-shadow:0 16px 56px #18332f12; }
.visual { background:#075e55; min-height:580px; }
.visual::before,.visual::after { display:none; }
.visual-inner { text-align:left; }
.visual-inner h1 { font-size:32px; margin:20px 0 12px; }
.visual-inner p { font-size:18px; line-height:1.6; color:#e2f5ef; }
.visual-inner img { height:100px!important; }
.form-pane { background:white; padding:40px; }
.pane-head h2 { font-size:28px; letter-spacing:-.5px; }
.pane-head p { line-height:1.6; color:#526a65; }
.input-shell input { background:#f8faf9; border-radius:10px; border:1px solid #b9ccc6; font-weight:400; min-height:48px; }
.submit-btn,.submit-button,button[type=submit] { border-radius:10px; background:#087f73; box-shadow:none; min-height:48px; }
.mode-switch { background:#f1f6f4; border:0; border-radius:10px; }
.mode-switch a { font-weight:600; }
.demo-notice { border-top:1px solid #ffffff40; padding-top:20px; font-size:14px!important; }
@media(max-width:1080px) { .shell{max-width:520px}.visual{min-height:0;padding:24px}.visual-inner img{height:64px!important}.visual-inner h1,.visual-inner>p:not(.demo-notice){display:none}.form-pane{padding:28px}.page{padding:16px} }
@media(prefers-color-scheme:dark) { body{background:#101c19;color:#e3eeea}.shell{border-color:#344b44}.form-pane{background:#172823}.pane-head p,.field label,.assist-row{color:#b7cbc3}.pane-head h2{color:#e3eeea}.input-shell input{background:#20372f;color:#e3eeea;border-color:#456158}.mode-switch{background:#20372f}.mode-switch a{color:#a5dacf} }