@font-face{font-family:Jost;src:url("fonts/Jost-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#fff;--muted:#c8d0d5;--panel:#111518;--line:#323e48;--accent:#ff8300;font-family:Jost,"Century Gothic",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:#07101f;color:var(--ink)}
body:not(.login-page){width:100%;height:100dvh;overflow:hidden}
body{background:radial-gradient(circle at 15% 0,#15365a 0,transparent 38rem),linear-gradient(145deg,#07101f,#0a1529)}
button,a,input{font:inherit}
a{color:inherit}
.portal-bar{height:64px;min-height:64px;padding:max(8px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#091426e8;backdrop-filter:blur(18px)}
.brand,.portal-user{display:flex;align-items:center;gap:12px}.brand div{display:grid}.brand small,.portal-user{color:var(--muted)}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#5ba5ff);color:#06121e;font-weight:900;font-size:1.35rem;box-shadow:0 12px 35px #43d9ad33}
.portal-user a{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none}
.portal-main{height:calc(100dvh - 64px);display:block;padding:0;position:relative}
.portal-intro{padding:clamp(12px,3vw,40px) 10px;align-self:center}.eyebrow{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.17em}.portal-intro h1,.login-card h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:.96;letter-spacing:-.055em;margin:.4em 0}.portal-intro p:last-child,.intro{color:var(--muted);font-size:1.05rem;line-height:1.55}
.store-shell{width:100%;height:100%;min-width:0;min-height:0;border:0;border-radius:0;overflow:hidden;background:var(--panel);box-shadow:none}.store-shell iframe{width:100%;height:100%;border:0;display:block}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.login-page{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}
.login-card{width:min(100%,620px);padding:clamp(24px,6vw,58px);border:1px solid var(--line);border-radius:32px;background:#0c1729e8;box-shadow:0 34px 100px #0008}.login-card h1{font-size:clamp(2.5rem,8vw,5rem)}.login-card small{display:block;color:var(--muted);line-height:1.5;margin-top:22px}
.primary-button,.secondary-button{width:100%;min-height:56px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 18px;font-weight:800;text-decoration:none;cursor:pointer}.primary-button{background:#f7fbff;color:#08111e}.secondary-button{background:#15233a;color:var(--ink);border:1px solid var(--line)}.demo-grid{display:grid;gap:12px}.demo-warning{color:#ffd38a;font-weight:800}.microsoft-mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:2px}.microsoft-mark i:nth-child(1){background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}
:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:820px){.portal-user span{display:none}.store-shell{border-radius:0}}
@media(max-width:480px){.brand small{display:none}.portal-main{height:calc(100dvh - 64px)}.store-shell{border-radius:0}}
@media(pointer:coarse){button,a{min-height:48px}}

/* OrbytGlobal-derived visual tokens: measured palette and geometry, original implementation. */
:root{--ink:#fff;--muted:#c8d0d5;--panel:#303e48;--line:#73808a;--accent:#f78930;font-family:Jost,"Avenir Next",Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html,body{background:#050607}
body{background:
  radial-gradient(circle at 16% 18%,rgba(255,255,255,.22) 0 1px,transparent 1.5px),
  radial-gradient(circle at 78% 34%,rgba(255,255,255,.16) 0 1px,transparent 1.5px),
  radial-gradient(circle at 38% 72%,rgba(247,137,48,.12) 0 1px,transparent 1.5px),
  linear-gradient(145deg,#050607 0%,#10171c 55%,#303e48 100%);background-size:79px 79px,113px 113px,157px 157px,auto}
.portal-bar{border-bottom-color:#32444f;background:#101820f7;backdrop-filter:blur(16px)}
.brand-mark{border-radius:50%;background:#0a0c0e;color:#f78930;box-shadow:inset 0 0 0 2px #f78930,0 0 0 1px #090a0b}
.orbital-mark{position:relative;overflow:visible}.orbital-mark::before,.orbital-mark::after{content:"";position:absolute;inset:7px;border:1px solid #f78930;border-radius:50%;transform:rotate(35deg)}.orbital-mark::after{inset:3px 11px;transform:rotate(-45deg);opacity:.62}.orbital-mark span{width:8px;height:8px;border-radius:50%;background:#f78930;box-shadow:10px 8px 0 -2px #fff,-8px 10px 0 -2px #73808a}
.brand strong,.login-card h1,.portal-intro h1{font-weight:600}.brand small{text-transform:uppercase;letter-spacing:.28em;font-size:.62rem}
.portal-user a,.primary-button,.secondary-button{border-radius:0;text-transform:uppercase;letter-spacing:.08em}
.portal-user a{border-color:#fff}.portal-user a:hover{border-color:#f78930;color:#f78930}
.eyebrow{color:#f78930;letter-spacing:.24em;font-weight:600}
.portal-intro h1,.login-card h1{letter-spacing:-.035em}
.store-shell,.login-card{border-radius:0;border-color:#73808a;background:#11171be8;box-shadow:none}
.login-card{border-top:6px solid #f78930}
.primary-button{background:#f78930;color:#17191b}.secondary-button{background:#303e48;border-color:#73808a}
:focus-visible{outline-color:#f78930}
@media(max-width:820px){.store-shell{border-radius:0}}
@media(max-width:480px){.store-shell{border-radius:0}}
@media(max-height:620px){
  .login-page{padding:8px}
  .login-card{padding:16px 18px}
  .login-card .brand-mark{width:36px;height:36px}
  .login-card .eyebrow{margin:.45rem 0}
  .login-card h1{font-size:clamp(1.85rem,9vw,2.5rem);margin:.2em 0}
  .login-card .intro{margin:.45rem 0;font-size:.92rem;line-height:1.35}
  .login-card small{margin-top:10px;font-size:.72rem}
  .login-card .primary-button,.login-card .secondary-button{min-height:48px;padding:9px 12px}
}

/* Official Orbyt Global web treatment. Source: ORBYT_GLOBAL_DESIGNGUIDE_v200522. */
html,body{background:#000;color:#fff}
body{background:
  radial-gradient(circle at 76% 18%,rgba(50,62,72,.34),transparent 34rem),
  radial-gradient(circle at 16% 88%,rgba(50,62,72,.2),transparent 30rem),
  #000}
.portal-bar{background:#050607;border-bottom:1px solid #323e48;box-shadow:0 8px 28px #0008}
.brand{display:flex;align-items:center;min-width:0;text-decoration:none}
.brand-logo{display:block;width:auto;height:42px;max-width:min(230px,48vw);object-fit:contain;object-position:left center}
.portal-user{color:#c8d0d5;font-weight:450}
.portal-user a{color:#fff;border-color:#586570;background:#0a0c0e;letter-spacing:.07em}
.portal-user a:hover{color:#ff8300;border-color:#ff8300}
.portal-main,.store-shell{background:#000}
.login-card{background:rgba(10,12,14,.94);border:1px solid #323e48;border-top:5px solid #ff8300;box-shadow:0 28px 90px #000b}
.login-logo{display:block;width:min(100%,360px);height:auto;margin:0 0 clamp(22px,4vh,38px)}
.login-card h1{color:#fff;font-weight:450;letter-spacing:-.035em}
.login-card .intro,.login-card small{color:#c8d0d5}
.eyebrow{color:#ff8300;font-weight:600;letter-spacing:.24em}
.primary-button{background:#ff8300;color:#111518}
.secondary-button{background:#1b2227;color:#fff;border-color:#586570}
:focus-visible{outline-color:#ff8300}
@media(max-width:480px){
  .brand-logo{height:36px;max-width:170px}
  .portal-user{gap:8px}
  .portal-user a{padding-inline:10px;font-size:.78rem}
}
@media(max-height:620px){
  .login-logo{width:min(100%,260px);margin-bottom:10px}
}