:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#f6f8ff;background:#03142d;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 34% 78%,#05275480,transparent 62%),#03142d}button,input{font:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffbf50;outline-offset:3px}.login{display:grid;grid-template-columns:1fr 1fr;width:min(1000px,100%);min-height:560px;border:1px solid #1763ae;border-radius:24px;overflow:clip;background:#041630;box-shadow:0 22px 65px #0002}.brand-panel{display:flex;align-items:center;justify-content:center;padding:40px 28px;text-align:center;border-right:1px solid #145a9e;background:radial-gradient(ellipse at 70% 100%,#073b7970,transparent 65%),#041a39}.brand-content{width:100%}.emblem{width:210px;margin:0 auto 20px}.emblem img{display:block;width:100%;height:auto}h1{font-size:44px;font-weight:750;letter-spacing:-.04em;line-height:1.15;white-space:nowrap;margin:0}h1 span{color:#ff9f14}.tagline{font-size:25px;line-height:1.4;letter-spacing:-.015em;margin:16px 0 0;color:#f6f8ff}.category{font-size:18px;line-height:1.5;color:#abc9ef;margin:14px 0 0}.auth{display:flex;align-items:center;justify-content:center;min-width:0;padding:42px 38px;background:linear-gradient(135deg,#041b3b,#03142c)}.form-container{width:100%;max-width:380px}h2{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:0 0 26px;font-weight:700}.form-help{font-size:14px;line-height:1.5;color:#b7cdeb;margin:-14px 0 18px}.field+.field{margin-top:20px}.field label{display:block;font-size:14px;font-weight:500;line-height:1.4;margin:0 0 7px}.input-wrap{display:flex;align-items:center;width:100%;min-height:48px;border:1px solid #397bb5;border-radius:10px;background:linear-gradient(120deg,#09274c,#0a2c54);color:#fff}.input-wrap:focus-within{border-color:#a8ceff}.input-icon{width:20px;height:20px;margin-left:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{border:0;width:0;min-width:0;flex:1;border-radius:9px;background:transparent;color:#fff;padding:12px 13px;font-size:16px;line-height:1.4}.input-wrap input::placeholder{color:#b0c6e4;opacity:1}.input-wrap input:focus-visible{outline-offset:-3px}.show-password{width:44px;min-height:46px;border:0;border-radius:9px;color:#edf5ff;background:none;flex-shrink:0;padding:11px}.show-password svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.eye-slash{display:none}.show-password[data-visible=true] .eye-slash{display:block}.show-password:hover:enabled{background:#ffffff0b}.input-help{font-size:12px;color:#b2c8e5;line-height:1.5;margin:6px 0 0}.signin-options{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:6px;font-size:13px}.remember{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}.remember input{appearance:none;width:20px;height:20px;margin:0;flex-shrink:0;border:2px solid #dbe8fa;border-radius:4px;background:transparent;cursor:pointer}.remember input:checked{background:#ffae25;border-color:#ffae25;box-shadow:inset 0 0 0 4px #041830}.signin-options button,.support-actions button{border:0;background:none;color:#d7e8fd;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:8px 0;font-size:13px}.primary{display:block;width:100%;min-height:48px;border:1px solid #ffb72f;border-radius:10px;background:linear-gradient(120deg,#ffbe35,#ff8b00);color:#062448;font-size:16px;line-height:1.5;font-weight:700;padding:11px 15px;margin-top:16px}.primary:hover:enabled{filter:brightness(1.07)}.support-actions{display:flex;justify-content:flex-end}.feedback{font-size:13px;line-height:1.55;color:#c0d3ed;margin-top:12px;overflow-wrap:anywhere}.feedback:empty{display:none}.feedback.error{color:#ffc1b6}.feedback.success{color:#a9ecc9}.mode-switch{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;margin-top:18px;font-size:13px;line-height:1.5;color:#e1eaf8}.mode-switch button{min-height:44px;padding:8px 0;border:0;background:none;color:#ffb52d;font-size:13px;font-weight:650}.demo{text-align:center;font-size:13px;line-height:1.5;color:#b5ccec;margin:0}.demo a{display:inline-flex;align-items:center;min-height:40px;color:#ffb52d;text-decoration:none}.demo a:hover,.mode-switch button:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:761px) and (max-height:650px){body{padding:20px}.login{min-height:0}.brand-panel{padding:24px}.emblem{width:176px;margin-bottom:16px}h1{font-size:39px}.tagline{font-size:21px;margin-top:13px}.category{font-size:16px;margin-top:10px}.auth{padding:23px 34px}h2{font-size:30px;margin-bottom:22px}.field+.field{margin-top:16px}.input-wrap{min-height:44px}.input-wrap input{padding-top:10px;padding-bottom:10px}.show-password{min-height:44px}.primary{margin-top:12px;min-height:44px;padding:9px 14px}.mode-switch{margin-top:12px}.demo a{min-height:36px}}
@media(max-width:760px){body{padding:14px;align-items:start;background:#03142d}.login{display:block;width:min(400px,100%);min-height:0;border-radius:18px}.brand-panel{padding:20px 16px 17px;border-right:0;border-bottom:1px solid #145a9e}.emblem{width:64px;margin-bottom:8px}h1{font-size:28px}.tagline{font-size:14px;margin-top:7px}.category{display:none}.auth{padding:24px 24px 18px}.form-container{max-width:none}h2{font-size:26px;margin-bottom:20px}.field+.field{margin-top:16px}.signin-options{font-size:12px;gap:6px}.signin-options button{font-size:12px}.remember{gap:7px}.mode-switch{margin-top:15px;font-size:12px}.mode-switch button,.demo{font-size:12px}.primary{margin-top:12px}}
@media(max-width:760px) and (max-height:640px){body{padding:10px}.brand-panel{padding:12px 12px 11px}.emblem{width:44px;margin-bottom:6px}h1{font-size:24px}.tagline{font-size:12px;margin-top:5px}.auth{padding:16px 18px 12px}h2{font-size:24px;margin-bottom:16px}.field+.field{margin-top:14px}.field label{font-size:13px;margin-bottom:6px}.input-wrap{min-height:44px}.input-wrap input{padding-top:10px;padding-bottom:10px}.show-password{min-height:44px}.signin-options{min-height:40px;margin-top:2px}.signin-options button,.remember{min-height:40px}.primary{min-height:44px;margin-top:10px;padding:9px 12px}.mode-switch{margin-top:10px}.mode-switch button{min-height:36px}.demo a{min-height:32px}.form-help{font-size:12px;margin-top:-7px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* C122 responsive compact review: preserve brand and all authentication logic. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:20px}
.login{width:min(820px,100%);min-height:480px;margin:auto;border-radius:20px;overflow:hidden}
.brand-panel{padding:26px 22px}.emblem{width:156px;margin-bottom:16px}
h1{font-size:34px}.tagline{font-size:18px;margin-top:12px}.category{font-size:14px;margin-top:12px}
.auth{padding:28px 26px}.form-container{max-width:300px}h2{font-size:26px;margin-bottom:20px}
.field+.field{margin-top:14px}.field label{font-size:13px;margin-bottom:6px}
.input-wrap{min-height:46px}.input-wrap input{padding:10px 10px;font-size:16px}
.input-wrap:focus-within{outline:2px solid #ffbf50;outline-offset:2px;border-color:#ffbf50}
.input-wrap input:focus-visible{outline:none}.show-password{width:44px;min-height:44px;padding:11px}
.show-password:focus-visible{outline-offset:-4px}
.signin-options{min-height:44px;margin-top:3px;gap:8px;font-size:12px}.remember{gap:7px}.remember input{width:18px;height:18px}
.signin-options button,.support-actions button{font-size:12px;min-height:44px}
.primary{min-height:46px;font-size:16px;margin-top:10px;padding:10px 12px}
.feedback{font-size:12px;line-height:1.45;margin-top:8px}
.mode-switch{font-size:12px;margin-top:10px;gap:4px}.mode-switch button{font-size:12px;min-height:44px}
.demo{font-size:12px}.demo a{min-height:44px}
@media(min-width:761px) and (max-height:650px){body{padding:16px}.login{min-height:0}.auth{padding:12px 26px}.brand-panel{padding:24px 22px}.emblem{width:140px}.tagline{font-size:18px}h1{font-size:34px}.category{font-size:14px}}
@media(max-width:760px){body{padding:12px;align-items:flex-start}.login{width:min(390px,100%);min-height:0;margin:0 auto;border-radius:18px}.brand-panel{padding:18px 16px 16px}.emblem{width:80px;margin-bottom:9px}h1{font-size:28px}.tagline{font-size:13px;margin-top:7px}.category{display:none}.auth{padding:18px 20px 12px}.form-container{max-width:320px}h2{font-size:25px;margin-bottom:16px}.field+.field{margin-top:12px}.field label{font-size:13px;margin-bottom:5px}.input-wrap{min-height:44px}.input-wrap input{padding-top:9px;padding-bottom:9px}.primary{min-height:44px;padding:9px 12px}.mode-switch{margin-top:7px}.signin-options{gap:6px}.feedback{margin-top:7px}}
@media(max-width:760px) and (max-height:600px){body{padding:10px}.brand-panel{padding:12px 14px}.emblem{width:68px;margin-bottom:6px}h1{font-size:25px}.tagline{font-size:12px;margin-top:5px}.auth{padding:14px 18px 4px}h2{font-size:23px;margin-bottom:12px}.field+.field{margin-top:10px}.mode-switch{margin-top:4px}}

body:has(.review-footer){flex-direction:column;gap:6px}.review-footer{flex:none;font-size:10px;text-align:center;line-height:1.5;color:#acc4e3;max-width:390px;display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap}.review-footer a{color:#acc4e3;min-height:24px;display:inline-flex;align-items:center}.review-footer span{white-space:nowrap}@media(max-width:760px) and (max-height:600px){.brand-panel{padding:8px 14px}.emblem{width:56px}.auth{padding:10px 18px 2px}h2{margin-bottom:10px}.field+.field{margin-top:8px}}

.review-footer .sukshm-help{display:contents}.review-footer .sukshm-help__toggle{min-height:24px;padding:0 4px;border:0;background:none;font-size:10px!important;margin:0;color:#acc4e3;text-decoration:underline}.review-footer .sukshm-help__panel{flex-basis:100%;max-width:390px;order:9;margin:6px 0 0}.review-footer .sukshm-help__panel p{font-size:12px}

/* A03 visual batch 1: approved artwork, original auth controls unchanged. */
.brand-panel{background:radial-gradient(ellipse at 60% 100%,#10345d70,transparent 68%),#08182f}
.brand-content{display:flex;flex-direction:column;align-items:center;gap:18px}
.approved-login-brand{width:min(340px,100%);margin:0;line-height:0;white-space:normal}
.approved-login-brand img{display:block;width:100%;height:auto;object-fit:contain}
.approved-login-brand picture{display:block}
.approved-login-tagline{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.brand-content .category{margin:0;max-width:280px;color:#b9cee6;font-size:13px;line-height:1.6;letter-spacing:.02em}
@media(max-width:760px){.brand-panel{padding:24px 20px}.brand-content{gap:0}.approved-login-brand{width:min(320px,100%)}.brand-content .category{display:none}}
@media(max-width:760px) and (max-height:600px){.brand-panel{padding:16px 20px}}
@media(max-width:360px){.brand-content{gap:8px}.approved-login-tagline{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;font-size:12px;line-height:1.5;color:#dbe7f5}}

/* A03 login tagline: independent readable text at every viewport. Approved artwork unchanged. */
.approved-login-tagline{position:static;display:block;width:auto;max-width:100%;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;overflow-wrap:normal;color:#e3edfa;font-size:17px;line-height:1.6;letter-spacing:0;text-align:center}
.brand-content{gap:16px}
@media(max-width:760px){.brand-content{gap:10px}.approved-login-tagline{font-size:14px;line-height:1.6}}
@media(max-width:360px){.approved-login-tagline{font-size:12px;line-height:1.6}}

/* Owner-approved AI positioning; planned capability explicitly qualified. */
.brand-content .category{max-width:320px}
.ai-feature-status{display:block;margin-top:5px;color:#adc8e8;font-size:11px;line-height:1.5}
@media(max-width:760px){.brand-content .category{display:block;max-width:280px;font-size:12px;line-height:1.5}.brand-content{gap:9px}.ai-feature-status{font-size:10px;margin-top:3px}}

/* Owner locked login visual. Original approved artwork and all auth controls preserved. */
body:has(.login){padding:32px;background:radial-gradient(ellipse at 0 0,#07357080,transparent 60%),#03142d}
.login{width:min(1320px,100%);grid-template-columns:1.08fr 1fr;min-height:0;border-radius:22px;background:#08182f;margin:auto}
.login .brand-panel{position:relative;isolation:isolate;overflow:hidden;padding:70px 42px;background:radial-gradient(ellipse at 0 100%,#1769f22b,transparent 60%),linear-gradient(130deg,#09274b,#051a32);border-color:#205486}
.login .brand-panel:before{content:"";position:absolute;z-index:-1;width:440px;height:900px;left:-340px;top:-180px;border:1px solid #1769f256;border-radius:45%;transform:rotate(-32deg);box-shadow:45px 0 0 25px #1769f20a,90px 0 0 50px #1769f208}
.login .brand-content{gap:24px}.login .approved-login-brand{width:min(460px,100%)}
.login .approved-login-tagline{font-size:clamp(16px,1.75vw,24px);font-weight:650;line-height:1.5}
.login .category{font-size:20px;line-height:1.5;max-width:100%;letter-spacing:0;color:#adc8e8}
.login .category:before{content:"";display:block;width:70px;height:2px;background:#ff9e15;margin:0 auto 24px}.login .category span{display:block}
.login .auth{padding:40px 48px;background:linear-gradient(120deg,#061c32,#041529)}
.login .form-container{max-width:460px}.login h2{font-size:36px;margin:0 0 8px}.workspace-intro{font-size:16px;line-height:1.5;color:#b9cee6;margin:0 0 28px}
.login .field label{font-size:14px;margin-bottom:8px}.login .field+.field{margin-top:18px}.login .input-wrap{min-height:50px;background:#0c253e;border-color:#416487;border-radius:9px}
.login .input-wrap input{padding:13px;font-size:16px}.login .signin-options{margin-top:7px;font-size:13px}.login .signin-options button{color:#57cfff;font-size:13px}
.login .primary{min-height:50px;margin-top:10px;background:linear-gradient(110deg,#ffab08,#ff8500);border-color:#ff9e15;border-radius:9px;font-size:18px}
.login .support-actions{justify-content:center}.login .support-actions button{color:#57cfff;font-size:14px;min-height:44px;margin-top:5px}
.login .mode-switch{border-top:1px solid #2c4b69;padding-top:14px;margin-top:14px;font-size:14px}.login .mode-switch button,.login .demo{font-size:14px}.login .demo a{min-height:44px}
.login .review-footer{grid-column:1/-1;max-width:none;width:100%;border-top:1px solid #205486;padding:12px 18px;gap:14px;font-size:12px;background:#061c34}
.login .review-footer a,.login .review-footer .sukshm-help__toggle{min-height:32px;font-size:12px!important}
@media(max-width:760px){body:has(.login){padding:12px}.login{display:block;width:min(440px,100%);border-radius:18px}.login .brand-panel{padding:26px 20px 22px}.login .brand-content{gap:12px}.login .approved-login-brand{width:min(300px,100%)}.login .approved-login-tagline{font-size:15px}.login .category{font-size:13px}.login .category:before{margin-bottom:12px;width:45px}.login .auth{padding:24px 22px 16px}.login h2{font-size:28px}.workspace-intro{font-size:14px;margin-bottom:22px}.login .mode-switch,.login .mode-switch button,.login .demo{font-size:12px}.login .review-footer{display:flex;gap:8px;padding:10px 12px;font-size:10px}.login .review-footer a,.login .review-footer .sukshm-help__toggle{font-size:10px!important;min-height:32px}.login .signin-options,.login .signin-options button{font-size:12px}}
@media(max-width:360px){.login .brand-panel{padding:22px 16px}.login .approved-login-tagline{font-size:13px}.login .auth{padding:22px 16px 14px}.login .signin-options{gap:5px}.login .remember{gap:5px}.login .review-footer{gap:6px}}

.login .footer-action{border:0;background:none;color:#acc4e3;font-size:12px;min-height:44px;padding:4px;text-decoration:underline;text-underline-offset:3px}
.login .review-footer a,.login .review-footer .sukshm-help__toggle{min-height:44px}
.login .review-footer .sukshm-help__panel{max-width:560px;width:100%;margin:0 auto 8px;flex-basis:100%;order:9}
.login [data-issue-form]{border-top:1px solid #28517f;margin-top:12px;padding-top:14px}.login [data-issue-form] label{display:block;font-size:13px;margin-bottom:8px}.login [data-issue-form] textarea{width:100%;resize:vertical;min-height:90px;border:1px solid #416487;border-radius:8px;background:#0c253e;color:#fff;padding:10px;font:inherit;font-size:16px}.login [data-copy-issue]{min-height:44px;background:#0a2c54;color:#ecf4ff;border:1px solid #397bb5;border-radius:8px;padding:8px 12px;margin-top:8px}.login [data-issue-status]{font-size:12px;line-height:1.5;color:#b7cbea}
@media(max-width:760px){.login .footer-action{font-size:10px}.login .review-footer{gap:6px}}

/* Footer refinement: readable links, single support entry, separate copyright. */
.login .review-footer{gap:0 12px;padding:8px 18px 14px;font-size:13px}
.login .review-footer a,.login .review-footer .sukshm-help__toggle{font-size:13px!important;min-height:44px;color:#bfd1e8;font-weight:400!important}
.login .footer-copyright{width:100%;order:10;font-size:12px;color:#a9bed8;line-height:1.5}
.login .review-footer .sukshm-help__panel{margin-top:8px}
@media(max-width:760px){.login .review-footer{gap:0 7px;padding:8px 10px 12px;font-size:12px}.login .review-footer a,.login .review-footer .sukshm-help__toggle{font-size:12px!important}.login .footer-copyright{font-size:11px}}

/* Compact login: normal document flow keeps footer and expanded help reachable. */
body:has(> .login:not([hidden])){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100svh;height:auto;overflow-y:auto;padding:16px}
.login{width:min(1000px,100%);height:auto;max-height:none;flex-shrink:0;margin:auto 0;grid-template-columns:1fr 1fr;border-radius:18px}
.login .brand-panel{padding:32px 28px}.login .brand-content{gap:16px}.login .approved-login-brand{width:min(360px,100%)}
.login .approved-login-tagline{font-size:clamp(15px,1.5vw,20px)}.login .category{font-size:16px}.login .category:before{margin-bottom:16px;width:54px}
.login .auth{padding:24px 30px}.login .form-container{max-width:380px}.login h2{font-size:28px;margin-bottom:6px}
.login .workspace-intro{font-size:14px;margin-bottom:18px}.login .field label{font-size:13px;margin-bottom:5px}.login .field+.field{margin-top:12px}
.login .input-wrap{min-height:44px}.login .input-wrap input{padding:9px 10px;font-size:16px;line-height:1.4}.login .input-icon{width:18px;height:18px;margin-left:12px}.login .show-password{min-height:44px;width:44px;padding:11px}
.login .signin-options{margin-top:2px;min-height:44px}.login .primary{min-height:44px;margin-top:8px;padding:8px 12px;font-size:16px}
.login .support-actions button{margin-top:0;min-height:44px;font-size:13px}.login .mode-switch{padding-top:8px;margin-top:8px;font-size:12px}.login .mode-switch button,.login .demo{font-size:12px}
.login .review-footer{position:static;flex-shrink:0;padding:6px 14px 10px;gap:0 10px;font-size:12px}.login .review-footer a,.login .review-footer .sukshm-help__toggle{font-size:12px!important;min-height:44px}.login .footer-copyright{font-size:11px}
@media(min-width:761px) and (max-height:680px){body:has(> .login:not([hidden])){padding:12px}.login .auth{padding:16px 28px}.login .brand-panel{padding:24px}.login .workspace-intro{display:none}.login h2{font-size:26px;margin-bottom:16px}.login .brand-content{gap:14px}.login .category{font-size:14px}}
@media(max-width:760px){body:has(> .login:not([hidden])){padding:10px}.login{display:block;width:min(400px,100%);margin:0 auto;border-radius:16px}.login .brand-panel{padding:16px 18px}.login .approved-login-brand{width:min(250px,100%)}.login .brand-content{gap:8px}.login .approved-login-tagline{font-size:13px}.login .category{font-size:12px}.login .category:before{margin-bottom:8px}.login .auth{padding:18px 20px 10px}.login .form-container{max-width:340px}.login h2{font-size:25px}.login .workspace-intro{font-size:13px;margin-bottom:16px}.login .review-footer{padding:6px 10px 10px;gap:0 7px}.login .review-footer a,.login .review-footer .sukshm-help__toggle{font-size:11px!important}.login .footer-copyright{font-size:10px}}
@media(max-width:360px){.login .brand-panel{padding:14px 16px}.login .auth{padding:16px 16px 8px}.login .category{font-size:11px}.login .signin-options{gap:4px}.login .remember{gap:5px}.login .signin-options button{font-size:11px}}

/* Separate alternate sign-in and verification actions at every width. */
.login .support-actions{flex-wrap:wrap;column-gap:20px;row-gap:2px}

/* Keep fields anchored as validation messages or scrollbars appear. */
html:has(body > .login:not([hidden])){scrollbar-gutter:stable}
body:has(> .login:not([hidden])) > .login{margin-block:0}
.login .auth{align-items:flex-start}
.login .feedback,.login .feedback:empty{display:block;min-block-size:2.9em}