*{box-sizing:border-box}
:root{--dark:#030711;--navy:#071426;--blue:#102d55;--maroon:#7b1020;--maroon2:#b21d35;--gold:#d7a83f}
body{margin:0;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#030711;color:#fff;overflow-x:hidden}
.login-wrapper{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:38px;background:radial-gradient(circle at 12% 18%,rgba(215,168,63,.18),transparent 25%),radial-gradient(circle at 82% 82%,rgba(123,16,32,.40),transparent 28%),radial-gradient(circle at 50% -10%,rgba(16,45,85,.80),transparent 36%),linear-gradient(135deg,#030711 0%,#071426 52%,#0b1f3a 100%)}
.login-wrapper:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 88%);pointer-events:none}
.decor{position:absolute;border-radius:999px;filter:blur(2px);pointer-events:none}.decor-one{width:360px;height:360px;left:-140px;top:120px;background:rgba(123,16,32,.25)}.decor-two{width:460px;height:460px;right:-180px;bottom:-150px;background:rgba(215,168,63,.13)}.decor-three{width:190px;height:190px;right:16%;top:9%;border:1px solid rgba(215,168,63,.30);box-shadow:inset 0 0 45px rgba(215,168,63,.08)}
.login-shell{width:min(1180px,100%);min-height:680px;position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;border:1px solid rgba(255,255,255,.12);border-radius:42px;overflow:hidden;background:rgba(255,255,255,.06);box-shadow:0 45px 120px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.login-hero{position:relative;padding:58px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(215,168,63,.16),transparent 28%),linear-gradient(145deg,rgba(5,11,22,.58),rgba(7,20,38,.76))}
.logo-stack{display:flex;gap:14px;align-items:center;margin-bottom:34px}.logo-stack img{width:78px;height:78px;object-fit:contain;background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 12px 22px rgba(0,0,0,.25))}
.system-label{display:inline-flex;width:max-content;padding:10px 16px;border-radius:999px;color:#f9e5ad;background:rgba(215,168,63,.10);border:1px solid rgba(215,168,63,.34);font-weight:950;letter-spacing:.55px;font-size:12px;text-transform:uppercase}
.login-hero h1{margin:22px 0 18px;max-width:680px;font-size:clamp(48px,6vw,82px);line-height:1;font-weight:1000;letter-spacing:-2px;text-shadow:0 18px 45px rgba(0,0,0,.38)}
.login-hero p{max-width:680px;margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.85}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px;max-width:620px}.hero-stats div{padding:18px;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.hero-stats strong{display:block;color:#f9e5ad;font-size:28px;line-height:1;font-weight:1000}.hero-stats span{display:block;margin-top:8px;color:rgba(255,255,255,.70);font-weight:800;font-size:13px}
.security-note{display:flex;align-items:flex-start;gap:14px;max-width:620px;margin-top:22px;padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(123,16,32,.34),rgba(255,255,255,.05));border:1px solid rgba(215,168,63,.22)}.security-note>span{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:16px;background:rgba(215,168,63,.14);font-size:24px}.security-note strong{display:block;color:#f9e5ad;margin-bottom:5px}.security-note p{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.72)}
.login-panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,246,240,.98));color:#071426;padding:58px 50px;display:flex;flex-direction:column;justify-content:center}
.panel-top span{display:inline-flex;padding:9px 14px;border-radius:999px;background:#fff4e0;color:#7b1020;border:1px solid rgba(215,168,63,.28);font-weight:950;font-size:13px}.panel-top h2{margin:16px 0 8px;color:#071426;font-size:40px;line-height:1.1;font-weight:1000;letter-spacing:-1px}.panel-top p{margin:0 0 26px;color:#64748b;line-height:1.75}
.alert{padding:14px 16px;border-radius:18px;margin-bottom:16px;font-weight:850;line-height:1.5}.alert.success{background:#e9fff5;color:#08764e;border:1px solid #bdf2d7}.alert.danger{background:#fff0f2;color:#a3162c;border:1px solid #ffc6cf}
.field-group{margin-bottom:18px}.field-group label{display:block;margin-bottom:9px;color:#071426;font-weight:950}.input-wrap{position:relative}.input-wrap span{position:absolute;left:17px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.75}.input-wrap input{width:100%;height:56px;border:1px solid #dbe3ef;border-radius:20px;padding:0 18px 0 48px;color:#071426;font-size:15px;outline:none;background:#fff;transition:.22s ease}.input-wrap input:focus{border-color:#7b1020;box-shadow:0 0 0 5px rgba(123,16,32,.10)}
.form-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:5px}.remember{display:flex;align-items:center;gap:9px;color:#64748b;font-weight:800;cursor:pointer}.remember input{width:17px;height:17px;accent-color:#7b1020}.forgot-link{color:#7b1020;text-decoration:none;font-weight:950}.forgot-link:hover{text-decoration:underline}
.btn-login{width:100%;height:58px;margin-top:24px;border:0;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;background:linear-gradient(135deg,#7b1020 0%,#b21d35 52%,#d7a83f 100%);box-shadow:0 18px 48px rgba(123,16,32,.28);font-size:16px;font-weight:1000;transition:.22s ease}.btn-login:hover{transform:translateY(-3px);filter:brightness(1.04)}.btn-login b{font-size:22px}
.panel-links{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin-top:24px!important}.panel-links a{display:inline-flex!important;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;color:#7b1020!important;text-decoration:none!important;font-weight:950!important;background:#fff4e0!important;border:1px solid rgba(215,168,63,.35)!important}
a.reset-link,.reset-link{display:none!important}.footer-hint,.hint-box{display:none!important}
@media(max-width:1040px){.login-shell{grid-template-columns:1fr}.login-hero{padding:46px}.login-panel{padding:42px}}
@media(max-width:640px){.login-wrapper{padding:18px}.login-shell{border-radius:28px}.login-hero,.login-panel{padding:28px}.logo-stack img{width:58px;height:58px}.hero-stats{grid-template-columns:1fr}.form-row{flex-direction:column;align-items:flex-start}.login-hero h1{font-size:42px}.panel-top h2{font-size:32px}}