/* Unified ProEscort ORBITAL account skin; no changes to existing JS or auth API */
:root{--bg:#0b0d13;--surface:#151722;--stroke:#3a3e50;--text:#f3f1ed;--muted:#adafbd;--accent:#c4ff45;--card:#151722}
body[data-theme="light"]{--bg:#eae9e3;--surface:#faf9f3;--stroke:#a8a9a0;--text:#171927;--muted:#666b72;--accent:#5364f7;--card:#f8f7f0}
html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif;min-height:100vh;letter-spacing:-.025em}
body::before{content:"";position:fixed;width:640px;height:640px;right:-270px;top:40px;pointer-events:none;background:radial-gradient(circle,#4148dc25 0%,transparent 68%);z-index:0}
.portal{position:relative;max-width:1360px;padding:0 32px 95px}.portal-bar{min-height:90px;margin:0;align-items:center;border-bottom:1px solid var(--stroke)}
.portal-brand{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:800;letter-spacing:-.07em;text-decoration:none!important;color:var(--text)!important}
.portal-brand-mark{width:46px;height:46px;background:var(--accent);color:#0d1019;display:grid;place-items:center;font-size:30px;transform:rotate(-8deg)}
.portal-brand-accent{color:var(--accent)}.portal-brand small{font:10px 'Space Mono',monospace;letter-spacing:.05em;color:var(--muted)}
.portal-overline{display:flex;justify-content:space-between;gap:12px;margin:30px 0 18px;color:var(--muted);font:10px 'Space Mono',monospace;letter-spacing:.15em;text-transform:uppercase}
#main:not(:empty)>h1{max-width:1100px;font-size:clamp(53px,8vw,112px);line-height:.9;letter-spacing:-.09em;margin:26px 0 20px;text-transform:uppercase}
#main:not(:empty)>h1::after{content:' / ACCESS';font-size:.22em;letter-spacing:.02em;color:var(--accent);vertical-align:top;white-space:nowrap}
.portal .small{color:var(--muted);opacity:1;font-size:13px;line-height:1.6}.portal .grid2{gap:18px;align-items:stretch}
.portal .panel{position:relative;background:var(--surface);border:1px solid var(--stroke);border-radius:0;padding:clamp(23px,3vw,42px);box-shadow:none}
#main>.grid2>.panel:first-child{border-top:5px solid var(--accent)}#main>.grid2>.panel:nth-child(2){border-top:5px solid #6266f0}
#main>.grid2>.panel:first-child::before,#main>.grid2>.panel:nth-child(2)::before{position:absolute;right:24px;top:24px;font:12px 'Space Mono',monospace;color:var(--muted)}
#main>.grid2>.panel:first-child::before{content:'01 / LOGIN'}#main>.grid2>.panel:nth-child(2)::before{content:'02 / REGISTER'}
.portal h2{font-size:clamp(25px,3vw,38px);font-weight:700;letter-spacing:-.065em;line-height:1.08;padding-right:115px;margin:0 0 31px}
.portal .f{margin-bottom:21px}.portal label{font:11px 'Space Mono',monospace;color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin:0 0 10px}
.portal input,.portal select,.portal textarea{border:1px solid var(--stroke);border-radius:0;background:var(--bg);color:var(--text);padding:16px;outline:none;min-height:52px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.portal input:focus,.portal select:focus,.portal textarea:focus{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}
.portal .primary-btn,.portal .secondary-btn,.portal .tab{border-radius:0;font-family:'Space Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.035em;cursor:pointer;font-weight:700}
.portal .primary-btn{background:var(--accent);border:1px solid var(--accent);color:#101325;padding:17px 23px}
.portal .primary-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}
.portal .secondary-btn,.portal .tab{background:transparent;border:1px solid var(--stroke);color:var(--text);padding:13px 16px;text-decoration:none}
.portal .secondary-btn:hover,.portal .tab:hover{border-color:var(--accent);color:var(--accent)}
#loginForm .primary-btn,#registerForm .primary-btn{width:100%;margin-top:12px;min-height:56px}
.portal .tabs{gap:8px;margin:24px 0}.portal .tab[style*="border-color"]{background:var(--accent);color:#101325!important;border-color:var(--accent)!important}
.portal .table{border:1px solid var(--stroke)}.portal table th{background:var(--bg);font:11px 'Space Mono',monospace;letter-spacing:.04em;text-transform:uppercase}.portal table td,.portal table th{border-color:var(--stroke);padding:16px}
.portal-bar .actions{margin:0}.portal .portal-bar .secondary-btn{padding:11px 14px}
.profile-modal-panel{background:var(--surface);border:1px solid var(--accent);border-radius:0}.profile-modal-panel h2{padding:0}
body[data-theme="light"] .portal .primary-btn,body[data-theme="light"] .portal .tab[style*="border-color"]{color:white!important}
@media(min-width:850px){#main>.grid2{grid-template-columns:1fr 1fr}#main>.grid2>.panel{min-height:440px}}
@media(max-width:650px){.portal{padding:0 16px 60px}.portal-bar{min-height:76px}.portal-brand{font-size:17px}.portal-brand small{display:none}.portal-brand-mark{width:35px;height:35px;font-size:23px}.portal-overline span:last-child{display:none}.portal .panel{padding:20px}.portal h2{padding-right:0}.portal .portal-bar .secondary-btn{padding:10px;font-size:10px}#main:not(:empty)>h1{font-size:clamp(47px,13vw,71px)}.portal .actions{gap:6px}.portal table{min-width:550px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}