.sisam-login{margin:0;min-height:100vh;background:#f5f7fb;color:#172033;overflow-x:hidden}
.login-shell{width:100%;max-width:none;min-height:100vh;margin:0;padding:0;display:grid;grid-template-columns:minmax(390px,46%) 1fr}
.login-brand{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8vh 9%;overflow:hidden;background:
radial-gradient(circle at 18% 20%,rgba(255,255,255,.16),transparent 22%),
linear-gradient(145deg,#e80018,#b90016 72%,#9e0014);color:#fff}
.login-brand:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.login-brand:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-220px;bottom:-170px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.sisam-logo{position:relative;z-index:2;width:min(360px,82%);height:auto;object-fit:contain;border-radius:18px;box-shadow:0 25px 60px rgba(75,0,10,.24)}
.brand-copy{position:relative;z-index:2;margin-top:44px;max-width:520px}.eyebrow{display:block;font-size:.73rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:10px;opacity:.78}
.brand-copy h1{font-size:clamp(2.15rem,3.6vw,4rem);line-height:1.02;color:#fff;margin:0 0 20px;letter-spacing:-.05em}.brand-copy p{color:rgba(255,255,255,.78);font-size:1rem;max-width:470px;line-height:1.7}
.login-panel{display:grid;place-items:center;padding:50px;background:radial-gradient(circle at 75% 10%,#fff 0,transparent 30%)}
.login-card{width:min(100%,430px);background:#fff;border:1px solid #e6eaf1;border-radius:24px;padding:42px;box-shadow:0 24px 70px rgba(27,39,66,.10)}
.login-card h2{font-size:2rem;margin:0 0 8px}.login-help{margin:0 0 28px;color:#7a8698}.login-card label{font-size:.78rem;text-transform:uppercase;letter-spacing:.055em;color:#647084}
.field{height:50px;display:flex;align-items:center;gap:10px;margin:7px 0 18px;padding:0 14px;border:1px solid #dfe4ec;border-radius:12px;background:#fafbfc;transition:.18s}.field:focus-within{border-color:#df263a;background:#fff;box-shadow:0 0 0 4px rgba(232,0,24,.07)}.field span{font-size:.55rem;color:#b7c0ce}.field input{border:0!important;box-shadow:none!important;background:transparent!important;margin:0;padding:0;height:100%;border-radius:0}
.login-submit{width:100%;height:51px;margin-top:4px;background:linear-gradient(135deg,#e80018,#c50018);box-shadow:0 10px 24px rgba(210,0,24,.20);display:flex;justify-content:space-between;padding:0 18px}.login-submit:hover{background:linear-gradient(135deg,#f00620,#cf0018)}
.login-error{background:#fff0f2;color:#a62938;border:1px solid #ffd2d8;padding:11px 13px;border-radius:10px;margin:0 0 18px;font-size:.9rem}
.login-foot{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid #edf0f4;color:#9aa4b3;font-size:.75rem;letter-spacing:.04em}
.mobile-logo{display:none}.login-theme{position:fixed;right:22px;top:20px;z-index:100}
html[data-theme="dark"] .sisam-login{background:#09111f;color:#e8eef7}html[data-theme="dark"] .login-panel{background:radial-gradient(circle at 75% 10%,#132139 0,transparent 30%),#09111f}
html[data-theme="dark"] .login-card{background:#101b2b;border-color:#223149;box-shadow:0 24px 70px rgba(0,0,0,.25)}html[data-theme="dark"] .login-card h2{color:#eef4fb}html[data-theme="dark"] .login-help{color:#95a3b6}
html[data-theme="dark"] .field{background:#0a1321;border-color:#2a3a53}html[data-theme="dark"] .field:focus-within{border-color:#e34b5c;background:#0c1727}html[data-theme="dark"] .login-foot{border-color:#223149;color:#77869b}
@media(max-width:800px){.login-shell{display:block;min-height:100vh}.login-brand{display:none}.login-panel{min-height:100vh;padding:24px 18px}.login-card{padding:30px 24px;border-radius:20px}.mobile-logo{display:block;text-align:center;margin:-5px 0 27px}.mobile-logo img{width:min(260px,80%);border-radius:14px}.login-theme{right:14px;top:14px}}