*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#17212b}body{min-height:100vh;background-image:linear-gradient(rgba(12,19,23,.50),rgba(12,19,23,.50)),url('../img/login.png');background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px}.login-shell{width:min(100%,1000px);min-height:570px;display:grid;grid-template-columns:44% 56%;border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 24px 65px rgba(0,0,0,.28);transform:translateY(-18px)}.brand-panel{position:relative;overflow:hidden;background:#30363a;color:#fff;padding:58px 50px;display:flex;flex-direction:column}.brand-logo{width:105px;height:auto;object-fit:contain;filter:brightness(0) invert(1);margin:0 0 72px 28px}.brand-copy{position:relative;z-index:2}.eyebrow{display:block;color:#ff7518;font-size:12px;font-weight:800;letter-spacing:2px;margin-bottom:16px}.brand-copy h1{font-size:36px;line-height:1.08;margin:0 0 20px;font-weight:800}.brand-copy p{font-size:14px;line-height:1.7;margin:0;color:#f2f2f2}.brand-footer{position:absolute;left:50px;bottom:56px;font-size:12px;color:#d8dde0}.brand-footer b{color:#ff6a00}.ring{position:absolute;border-radius:50%;z-index:1}.ring-top{width:180px;height:180px;border:26px solid rgba(255,106,0,.15);right:-17px;top:54px}.ring-bottom{width:225px;height:225px;background:#f66a0a;right:-92px;bottom:-82px}.form-panel{display:flex;align-items:center;padding:54px 68px;background:#fff}.form-wrap{width:100%;max-width:430px;margin:auto}.form-wrap h2{font-size:30px;margin:0 0 8px}.subtitle{font-size:13px;color:#7a838c;margin:0 0 34px}.form-wrap label:not(.remember){display:block;font-size:13px;font-weight:700;margin:0 0 8px}.form-wrap input[type=text],.form-wrap input[type=password]{width:100%;height:48px;border:1px solid #d7dde2;border-radius:10px;padding:0 15px;font-size:14px;outline:none;background:#fff;margin-bottom:18px;transition:.2s}.form-wrap input:focus{border-color:#f36b16;box-shadow:0 0 0 3px rgba(243,107,22,.10)}.password-wrap{position:relative}.password-wrap input{padding-right:75px!important}.show-password{position:absolute;right:13px;top:0;height:48px;border:0;background:transparent;color:#68727c;font-size:11px;font-weight:700;cursor:pointer}.remember{display:flex;align-items:center;gap:7px;font-size:12px;color:#68727c;margin:0 0 24px;cursor:pointer}.remember input{accent-color:#f36b16}.login-button{width:100%;height:50px;border:0;border-radius:10px;background:#f36716;color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:.2s}.login-button:hover{filter:brightness(.96);transform:translateY(-1px)}.login-button:disabled{opacity:.72;cursor:wait;transform:none}.restricted{text-align:center;border-top:1px solid #e7eaed;margin-top:20px;padding-top:20px;color:#8b949c;font-size:10px}.login-alert{background:#fff1ef;border:1px solid #f5c2ba;color:#9f2d20;padding:11px 13px;border-radius:9px;font-size:12px;margin-bottom:18px}@media(max-width:800px){body{background-attachment:scroll}.login-page{padding:18px}.login-shell{grid-template-columns:1fr;max-width:520px;transform:none}.brand-panel{display:none}.form-panel{padding:42px 30px;min-height:520px}}