:root{--amber: #F5A800;--amber-dim: rgba(245,168,0,.12);--jet: #080808;--coal: #0e0e0e;--charcoal: #161616;--panel: #1e1e1e;--text: #d8d8d8;--muted: #666;--border: rgba(255,255,255,.05);--green: #2dbb6e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Barlow,sans-serif;background:var(--jet);color:var(--text);overflow:hidden}.bg{position:fixed;inset:0;background:var(--jet);z-index:0}.bg:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(255,255,255,.015) 39px,rgba(255,255,255,.015) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(255,255,255,.015) 39px,rgba(255,255,255,.015) 40px);background-size:40px 40px}.bg:after{content:"";position:absolute;top:-200px;left:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(245,168,0,.06) 0%,transparent 70%);pointer-events:none}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px);pointer-events:none;z-index:2}.topbar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--amber),#ffcc55,var(--amber));z-index:20;animation:scanProgress 3s ease-in-out infinite}@keyframes scanProgress{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.corner{position:fixed;width:20px;height:20px;z-index:10}.corner:before,.corner:after{content:"";position:absolute;background:var(--amber);opacity:.5}.corner.tl{top:16px;left:16px}.corner.tr{top:16px;right:16px}.corner.bl{bottom:16px;left:16px}.corner.br{bottom:16px;right:16px}.corner.tl:before,.corner.tr:before,.corner.bl:before,.corner.br:before{width:2px;height:20px;top:0}.corner.tl:after,.corner.tr:after,.corner.bl:after,.corner.br:after{height:2px;width:20px;top:0}.corner.tr:before{right:0;left:auto}.corner.tr:after{right:0;left:auto}.corner.bl:before{bottom:0;top:auto}.corner.bl:after{bottom:0;top:auto}.corner.br:before{inset:auto 0 0 auto}.corner.br:after{inset:auto 0 0 auto}.layout{position:relative;z-index:5;display:grid;grid-template-columns:360px 1fr;height:100vh}.side{background:var(--charcoal);border-right:1px solid rgba(245,168,0,.15);display:flex;flex-direction:column;padding:3rem 2.5rem;position:relative;overflow:hidden;animation:slideIn .6s ease both}.side:before{content:"";position:absolute;bottom:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(245,168,0,.07) 0%,transparent 70%)}.system-label{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.15em;color:var(--amber);opacity:.7;text-transform:uppercase;margin-bottom:3rem}.system-label:before{content:"> ";opacity:.5}.brand{margin-bottom:2rem}.brand-name{font-family:Barlow Condensed,sans-serif;font-weight:900;font-size:3.5rem;color:var(--amber);line-height:.85;letter-spacing:.04em}.brand-service{font-family:Barlow Condensed,sans-serif;font-weight:300;font-size:.85rem;letter-spacing:.35em;color:var(--muted);text-transform:uppercase;margin-top:.4rem}.rule{width:100%;height:1px;background:var(--border);margin:1.5rem 0}.portal-name{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:.5rem}.portal-desc{font-size:.82rem;line-height:1.7;color:#555}.access-list{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.access-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--coal);border:1px solid var(--border);font-family:Barlow Condensed,sans-serif;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#777;transition:all .2s}.access-item:hover{border-color:#f5a80033;color:#aaa}.access-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);opacity:.6;flex-shrink:0}.side-footer{margin-top:auto;font-family:JetBrains Mono,monospace;font-size:.6rem;color:#333;line-height:1.8}.main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .7s .15s ease both}.login-wrap{width:100%;max-width:440px}.status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;font-family:JetBrains Mono,monospace;font-size:.62rem;color:#444}.status-live{display:flex;align-items:center;gap:.4rem;color:var(--green)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 2s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.login-header{margin-bottom:2rem}.login-title{font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:2.4rem;text-transform:uppercase;letter-spacing:.04em;color:#fff;line-height:1;margin-bottom:.4rem}.login-title span{color:var(--amber)}.login-subtitle{font-size:.8rem;color:var(--muted);font-family:JetBrains Mono,monospace}.role-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.75rem}.role-btn{background:var(--charcoal);border:1px solid var(--border);color:var(--muted);padding:.65rem .5rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-align:center}.role-btn:hover{border-color:#f5a8004d;color:#aaa}.role-btn.active{background:var(--amber-dim);border-color:#f5a80080;color:var(--amber)}.form-group{margin-bottom:1rem}label{display:block;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}input[type=email],input[type=password],input[type=text]{width:100%;background:var(--coal);border:1px solid rgba(255,255,255,.06);border-bottom:2px solid rgba(255,255,255,.1);color:#e0e0e0;font-family:JetBrains Mono,monospace;font-size:.85rem;padding:.8rem 1rem;outline:none;transition:all .2s;-webkit-appearance:none}input:focus{border-color:#f5a8004d;border-bottom-color:var(--amber);background:#0a0a0a;box-shadow:0 0 0 1px #f5a8000d}input::placeholder{color:#333;font-size:.78rem}.input-row{position:relative}.input-icon{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);opacity:.25;cursor:pointer}.twofa-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end;margin-bottom:1rem}.btn-send-code{background:transparent;border:1px solid rgba(245,168,0,.4);color:var(--amber);padding:.8rem 1rem;font-family:Barlow Condensed,sans-serif;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all .2s}.btn-send-code:hover{background:var(--amber-dim)}.error-msg{background:#c8323214;border-left:3px solid #c83232;color:#ff6b6b;font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.65rem .85rem;margin-bottom:1rem;display:none;animation:shake .3s ease}.error-msg.show{display:block}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.btn-submit{width:100%;position:relative;background:var(--amber);color:#000;border:none;padding:1rem;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;cursor:pointer;margin-top:.5rem;overflow:hidden;transition:background .2s,transform .1s}.btn-submit:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 4px,rgba(0,0,0,.04) 4px,rgba(0,0,0,.04) 5px)}.btn-submit:hover{background:#ffc020}.btn-submit:active{transform:scale(.99)}.btn-text{position:relative}.btn-loading{display:none;position:relative}.btn-submit.loading .btn-text{display:none}.btn-submit.loading .btn-loading{display:block}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.72rem}.secure-tag{font-family:JetBrains Mono,monospace;color:#3a3a3a;letter-spacing:.05em}.client-link{color:var(--muted)}.client-link a{color:var(--amber);text-decoration:none;opacity:.8;transition:opacity .2s}.client-link a:hover{opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:860px){.layout{grid-template-columns:1fr}.side{display:none}html,body{overflow:auto}.layout{height:auto;min-height:100vh}.main{min-height:100vh}}.back-link{position:fixed;top:20px;left:20px;z-index:100;display:inline-flex;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff59;text-decoration:none;padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:3px;background:#08080899;backdrop-filter:blur(10px);transition:color .2s,border-color .2s,background .2s}.back-link:hover{color:#f5a800;border-color:#f5a80066;background:#f5a8000f}.back-link svg{width:12px;height:12px;fill:currentColor;flex-shrink:0}