:root { --page:#090c14; --glass:rgba(21,28,41,.58); --glass-strong:rgba(25,34,49,.82); --ink:#f7f8fb; --muted:#a3adbc; --line:rgba(255,255,255,.14); --accent:#fd6827; --accent-soft:#fd6827; --green:#86e8aa; --max-width:1220px; --radius:32px; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-height:100vh; margin:0; background:var(--page); color:var(--ink); font-family:'Poppins',system-ui,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
body::before { position:fixed; inset:0; z-index:-2; background:linear-gradient(145deg,rgba(8,11,18,.66),rgba(8,11,18,.95)),url('/media/pc-background-min.png') center/cover; content:''; }
body::after { position:fixed; inset:0; z-index:-1; background:radial-gradient(circle at 14% 8%,rgba(253,104,39,.18),transparent 29%),radial-gradient(circle at 84% 22%,rgba(111,164,255,.1),transparent 27%); content:''; pointer-events:none; }
a { color:inherit; } img { max-width:100%; } button,a { -webkit-tap-highlight-color:transparent; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:14px; left:14px; z-index:2000; padding:10px 15px; border-radius:999px; background:var(--ink); color:var(--page); text-decoration:none; transform:translateY(-160%); transition:transform .18s ease; }.skip-link:focus{transform:translateY(0)}
.page-shell { width:min(calc(100% - 48px),var(--max-width)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:1000; padding:18px 0 0; }.nav-shell { display:flex; width:min(calc(100% - 64px),1320px); min-height:70px; margin-inline:auto; align-items:center; justify-content:space-between; padding:10px 14px 10px 18px; border:1px solid rgba(255,255,255,.18); border-radius:26px; background:rgba(16,22,34,.56); box-shadow:0 18px 60px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.12); backdrop-filter:blur(24px) saturate(135%); -webkit-backdrop-filter:blur(24px) saturate(135%); }.brand,.footer-brand { display:inline-flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; }.brand-mark { display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:linear-gradient(145deg,rgba(253,104,39,.45),rgba(253,104,39,.08)); box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 20px rgba(253,104,39,.13); }.brand-mark img { width:24px; height:28px; object-fit:contain; filter:brightness(0) invert(1); }.brand strong,.footer-brand strong { display:block; font-size:.88rem; letter-spacing:.15em; line-height:1.15; }.brand small,.footer-brand small { display:block; color:var(--muted); font-size:.55rem; letter-spacing:.17em; line-height:1.5; }.nav-panel { display:flex; align-items:center; gap:5px; }.nav-link,.nav-cta { padding:10px 14px; border-radius:999px; color:var(--muted); font-size:.77rem; text-decoration:none; transition:color .18s ease,background .18s ease,transform .18s ease; }.nav-link:hover,.nav-link.active { color:var(--ink); background:rgba(255,255,255,.1); }.nav-cta { margin-left:10px; border:1px solid rgba(253,104,39,.6); background:rgba(253,104,39,.13); color:var(--accent-soft); }.nav-cta:hover { background:var(--accent); color:#fff; transform:translateY(-2px); }.nav-toggle { display:none; border:0; background:transparent; color:var(--ink); font-size:1.3rem; }
.dashboard-hero { display:grid; min-height:calc(100vh - 88px); grid-template-columns:1fr 1fr; align-items:center; gap:8%; padding-top:68px; padding-bottom:92px; }.eyebrow { margin:0; color:var(--accent-soft); font-size:.68rem; font-weight:700; letter-spacing:.19em; }.eyebrow-index { margin-right:12px; color:var(--accent); }.hero-copy h1 { max-width:700px; margin:20px 0 23px; font-size:clamp(3.8rem,8vw,7.7rem); font-weight:500; letter-spacing:-.1em; line-height:.88; }.hero-copy h1 em,.career-hero h1 em { color:var(--accent); font-style:normal; }.hero-intro { max-width:555px; margin:0; color:#c2cbd7; font-size:1rem; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }.button { display:inline-flex; align-items:center; gap:13px; padding:13px 18px; border:1px solid var(--line); border-radius:999px; font-size:.76rem; font-weight:700; text-decoration:none; transition:transform .18s ease,background .18s ease,border-color .18s ease; }.button:hover { transform:translateY(-3px); }.button-primary { border-color:var(--accent); background:linear-gradient(135deg,#fd6827,#fd6827); box-shadow:0 10px 28px rgba(253,104,39,.18); }.button-secondary { background:rgba(255,255,255,.07); color:var(--ink); backdrop-filter:blur(14px); }.button-secondary:hover { border-color:rgba(255,255,255,.32); background:rgba(255,255,255,.13); }
.flight-visual { position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:38px; background:linear-gradient(145deg,rgba(43,55,77,.5),rgba(14,20,32,.72)); box-shadow:0 30px 80px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15); backdrop-filter:blur(25px) saturate(135%); -webkit-backdrop-filter:blur(25px) saturate(135%); }.flight-visual::before { position:absolute; top:-90px; right:-70px; width:250px; height:250px; border-radius:50%; background:rgba(253,104,39,.17); filter:blur(45px); content:''; }.visual-header,.visual-readout { position:relative; z-index:1; display:flex; justify-content:space-between; gap:16px; padding:18px 21px; color:var(--muted); font-size:.62rem; font-weight:700; letter-spacing:.15em; }.visual-header { border-bottom:1px solid var(--line); }.visual-live { color:var(--green); }.visual-live i { display:inline-block; width:6px; height:6px; margin-right:6px; border-radius:50%; background:var(--green); box-shadow:0 0 12px var(--green); }.infinity-scene { position:relative; height:330px; }.flight-path { position:absolute; inset:0; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; padding:0 32px; }.path-node { display:flex; flex-direction:column; align-items:center; gap:9px; }.path-origin span { display:grid; width:84px; height:84px; place-items:center; border:1px solid rgba(253,104,39,.62); border-radius:28px; background:linear-gradient(145deg,rgba(253,104,39,.5),rgba(253,104,39,.12)); box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 32px rgba(253,104,39,.18); color:var(--ink); font-size:1.7rem; font-weight:700; letter-spacing:.08em; }.path-node small { color:var(--muted); font-size:.56rem; font-weight:700; letter-spacing:.15em; }.path-dash { position:relative; display:flex; justify-content:center; }.path-dash i { display:block; width:84px; height:2px; border-radius:999px; background:linear-gradient(90deg,rgba(253,104,39,.2),var(--accent),rgba(253,104,39,.2)); box-shadow:0 0 18px rgba(253,104,39,.55); }.path-dash::after { position:absolute; top:50%; left:50%; width:130px; height:34px; border-radius:50%; background:rgba(253,104,39,.13); filter:blur(18px); content:''; transform:translate(-50%,-50%); }.path-destination strong { color:rgba(255,255,255,.94); font-size:6rem; font-weight:300; line-height:1; text-shadow:0 0 34px rgba(253,104,39,.35); }.visual-readout { border-top:1px solid var(--line); }.visual-readout div { display:flex; flex-direction:column; gap:2px; }.visual-readout div:last-child { text-align:right; }.visual-readout small { color:var(--muted); font-size:.55rem; }.visual-readout strong { color:var(--ink); font-size:.78rem; letter-spacing:.04em; }.visual-readout strong:last-child { color:var(--accent-soft); }
.dashboard-section { padding:0 0 24px; }.section-label { display:flex; align-items:center; gap:12px; margin-bottom:15px; }.section-label span { color:var(--accent); font-size:.7rem; font-weight:700; }.section-label p { margin:0; color:var(--muted); font-size:.64rem; font-weight:700; letter-spacing:.18em; }.section-label i { width:80px; height:1px; background:var(--line); }.community-card { display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; padding:31px; border:1px solid rgba(255,255,255,.16); border-radius:30px; background:linear-gradient(110deg,rgba(253,104,39,.16),rgba(21,28,41,.55) 47%); box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.2); backdrop-filter:blur(22px); }.community-badge { display:grid; width:70px; height:70px; place-items:center; border:1px solid rgba(253,104,39,.55); border-radius:24px; background:rgba(253,104,39,.14); color:var(--accent); font-size:1.25rem; font-weight:700; letter-spacing:.1em; }.community-copy h2 { margin:8px 0 7px; font-size:clamp(1.7rem,3vw,2.55rem); font-weight:500; letter-spacing:-.06em; line-height:1; }.community-copy>p:last-child { max-width:620px; margin:0; color:var(--muted); font-size:.86rem; }.card-action { align-self:end; padding:12px 15px; border:1px solid rgba(253,104,39,.65); border-radius:999px; background:rgba(253,104,39,.12); color:var(--accent-soft); font-size:.73rem; font-weight:700; text-decoration:none; white-space:nowrap; }.card-action:hover { background:var(--accent); color:#fff; }
.dashboard-links { display:grid; grid-template-columns:1fr; gap:14px; padding-bottom:115px; }.dashboard-link { position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:17px; align-items:center; overflow:hidden; padding:24px 26px; border:1px solid rgba(253,104,39,.42); border-radius:24px; background:linear-gradient(110deg,rgba(253,104,39,.16),rgba(21,28,41,.55) 60%); box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 45px rgba(0,0,0,.18); text-decoration:none; transition:border-color .18s ease,background .18s ease,transform .18s ease; }.dashboard-link::after { position:absolute; right:70px; width:190px; height:190px; border-radius:50%; background:rgba(253,104,39,.12); filter:blur(36px); content:''; pointer-events:none; }.dashboard-link:hover { border-color:rgba(253,104,39,.8); background:linear-gradient(110deg,rgba(253,104,39,.24),rgba(21,28,41,.6) 60%); transform:translateY(-3px); }.link-index { color:var(--accent); font-size:.68rem; font-weight:700; }.dashboard-link small { display:block; color:var(--muted); font-size:.58rem; letter-spacing:.15em; }.dashboard-link strong { display:block; margin-top:3px; font-size:.98rem; font-weight:600; }.link-arrow { position:relative; z-index:1; color:var(--accent-soft); font-size:1.3rem; }
.career-hero { padding:82px 0 56px; }.career-hero h1 { max-width:800px; margin:18px 0 16px; font-size:clamp(3.4rem,7vw,6.8rem); font-weight:500; letter-spacing:-.1em; line-height:.89; }.career-hero p:last-child { max-width:620px; margin:0; color:var(--muted); }.role-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; padding:0 0 110px; }.role-card { display:flex; min-height:470px; flex-direction:column; padding:27px; border:1px solid rgba(255,255,255,.15); border-radius:30px; background:rgba(21,28,41,.54); box-shadow:inset 0 1px rgba(255,255,255,.11),0 20px 50px rgba(0,0,0,.2); backdrop-filter:blur(20px); }.role-card:nth-child(3) { grid-column:1/-1; min-height:390px; }.role-card--senior { border-color:rgba(253,104,39,.38); background:linear-gradient(135deg,rgba(253,104,39,.14),rgba(21,28,41,.55) 54%); }.role-topline { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:20px; border-bottom:1px solid var(--line); }.role-number { color:var(--accent); font-size:.68rem; font-weight:700; letter-spacing:.15em; }.role-tag { color:var(--muted); font-size:.58rem; font-weight:700; letter-spacing:.13em; text-align:right; }.role-card h2 { margin:27px 0 10px; font-size:2rem; font-weight:500; letter-spacing:-.06em; line-height:1; }.role-card .role-lead { min-height:78px; margin:0; color:#c9d0d8; font-size:.87rem; }.role-section { margin-top:auto; padding-top:21px; }.role-section h3 { margin:0 0 10px; color:var(--accent-soft); font-size:.75rem; font-weight:700; letter-spacing:.1em; }.role-section p { margin:0; color:var(--muted); font-size:.82rem; }.requirements { display:grid; gap:8px; margin:0; padding:0; list-style:none; counter-reset:requirements; }.requirements li { display:flex; gap:10px; color:#c9d0d8; font-size:.8rem; }.requirements li::before { counter-increment:requirements; content:counter(requirements,decimal-leading-zero); color:var(--accent); font-weight:700; }.application-status { display:inline-flex; width:max-content; padding:8px 11px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.68rem; font-weight:700; letter-spacing:.05em; }.application-note { margin-top:9px!important; color:var(--muted)!important; font-size:.75rem!important; }
.policy-shell { width:min(calc(100% - 48px),var(--max-width)); margin:68px auto 92px; }.policy-card { padding:clamp(26px,5vw,64px); border:1px solid rgba(255,255,255,.16); border-radius:34px; border-top:2px solid var(--accent); background:rgba(21,28,41,.62); box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.26); backdrop-filter:blur(24px); }.policy-card h1 { margin:13px 0 9px; font-size:clamp(2.5rem,6vw,5.2rem); font-weight:500; letter-spacing:-.1em; line-height:.92; }.policy-card .updated { margin:0 0 40px; color:var(--muted); font-size:.78rem; }.policy-card h2 { margin:42px 0 12px; padding-top:23px; border-top:1px solid var(--line); font-size:1.5rem; font-weight:600; letter-spacing:-.04em; }.policy-card h3 { margin:27px 0 8px; color:var(--accent-soft); font-size:1.02rem; font-weight:600; }.policy-card p,.policy-card ul { max-width:850px; margin:0 0 16px; color:#c8d0d9; font-size:.88rem; }.policy-card ul { padding-left:24px; }.policy-card li { margin:6px 0; }.policy-card strong { color:var(--ink); }.policy-card a { color:var(--accent-soft); }.policy-card a:hover { color:#fff; }
.site-footer { padding:25px 0 40px; border-top:1px solid rgba(255,255,255,.12); background:rgba(8,11,18,.48); }.footer-inner { display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:24px; }.footer-brand .brand-mark { width:32px; height:32px; border-radius:12px; }.footer-brand .brand-mark img { width:19px; height:23px; }.footer-brand strong { font-size:.7rem; }.footer-brand small { font-size:.48rem; }.footer-links { display:flex; align-items:center; gap:18px; color:var(--muted); font-size:.7rem; }.footer-links a { text-decoration:none; }.footer-links a:hover { color:var(--accent-soft); }.footer-inner>p { display:flex; align-items:center; margin:0; color:var(--muted); font-size:.66rem; }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (max-width:820px){.site-header{padding:12px 14px 0}.nav-shell{width:100%}.nav-toggle{display:block}.nav-panel{position:absolute;top:calc(100% + 9px);right:0;left:0;display:grid;gap:4px;padding:9px;border:1px solid rgba(255,255,255,.16);border-radius:23px;background:rgba(13,18,28,.88);box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(24px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.18s ease}.nav-panel.is-open{opacity:1;pointer-events:auto;transform:none}.nav-link,.nav-cta{margin:0}.dashboard-hero{grid-template-columns:1fr;min-height:auto;padding-top:68px}.flight-visual{max-width:680px}.community-card{grid-template-columns:auto 1fr}.card-action{grid-column:2;justify-self:start}.role-grid{grid-template-columns:1fr}.role-card:nth-child(3){grid-column:auto}.footer-inner{align-items:center;flex-direction:column;text-align:center}.footer-links{order:2}.footer-inner>p{order:3}}
@media (max-width:520px){.page-shell,.policy-shell{width:min(calc(100% - 32px),var(--max-width))}.nav-shell{min-height:60px}.hero-copy h1{font-size:clamp(3.5rem,18vw,5.1rem)}.hero-actions{align-items:stretch;flex-direction:column}.button{justify-content:space-between}.infinity-scene{height:270px}.flight-path{gap:16px;padding-inline:18px}.path-origin span{width:64px;height:64px;border-radius:22px;font-size:1.35rem}.path-node small{font-size:.48rem}.path-dash i{width:58px}.path-destination strong{font-size:4.2rem}.visual-readout{padding-inline:16px}.community-card{display:block;padding:23px}.community-badge{margin-bottom:22px}.card-action{display:inline-flex;margin-top:23px}.career-hero{padding-top:60px}.career-hero h1{font-size:clamp(3.3rem,17vw,5rem)}.role-card,.role-card:nth-child(3){min-height:0}.role-card h2{font-size:1.8rem}.role-card .role-lead{min-height:0;margin-bottom:28px}.role-topline{align-items:flex-start;flex-direction:column}.role-tag{text-align:left}.policy-shell{margin-top:42px}.policy-card{padding:25px 20px}.policy-card h1{font-size:clamp(2.8rem,14vw,4.5rem)}.footer-links{flex-wrap:wrap}}

:root { --accent-soft:#fd6827; }
.button-primary { background:var(--accent); }
.footer-inner { min-height:30px; align-items:center; }
.footer-brand,.footer-links,.footer-inner>p { align-items:center; line-height:1; }
.footer-brand>span:last-child { display:flex; flex-direction:column; justify-content:center; line-height:1.15; }
.flight-lane { position:absolute; inset:0; display:grid; grid-template-rows:auto 1fr auto; padding:30px 28px 26px; }
.lane-meta,.lane-caption { display:flex; justify-content:space-between; gap:16px; color:var(--muted); font-size:.56rem; font-weight:700; letter-spacing:.16em; }
.lane-body { display:grid; grid-template-columns:84px minmax(80px,1fr) 84px; align-items:center; gap:24px; }
.lane-origin,.lane-destination { display:flex; flex-direction:column; align-items:center; gap:10px; }
.lane-origin span { display:grid; width:78px; height:78px; place-items:center; border:1px solid var(--accent); border-radius:26px; background:var(--accent); box-shadow:0 12px 30px rgba(253,104,39,.25),inset 0 1px rgba(255,255,255,.3); color:#fff; font-size:1.6rem; font-weight:700; letter-spacing:.08em; }
.lane-destination strong { color:var(--ink); font-size:5.7rem; font-weight:300; line-height:.9; text-shadow:0 0 32px rgba(253,104,39,.4); }
.lane-origin small,.lane-destination small { color:var(--muted); font-size:.52rem; font-weight:700; letter-spacing:.14em; }
.lane-track { position:relative; height:2px; border-radius:999px; background:rgba(255,255,255,.2); box-shadow:0 0 18px rgba(253,104,39,.12); }
.lane-track::before { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(90deg,var(--accent),rgba(253,104,39,.25)); content:''; }
.lane-track::after { position:absolute; top:-5px; right:0; width:12px; height:12px; border:1px solid var(--accent); border-radius:50%; background:var(--page); box-shadow:0 0 15px rgba(253,104,39,.5); content:''; }
.lane-signal { position:absolute; top:50%; left:0; z-index:1; width:10px; height:10px; border:2px solid var(--page); border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(253,104,39,.16),0 0 20px rgba(253,104,39,.75); transform:translate(-1px,-50%); animation:lane-flight 4.5s ease-in-out infinite; }
@keyframes lane-flight { 0%,100% { left:0; } 50% { left:100%; } }
@media (prefers-reduced-motion:reduce){.lane-signal{left:50%;animation:none}}
@media (max-width:820px){.footer-inner{align-items:center}}
@media (max-width:520px){.flight-lane{padding:24px 18px 21px}.lane-meta,.lane-caption{font-size:.46rem}.lane-body{grid-template-columns:60px minmax(50px,1fr) 60px;gap:12px}.lane-origin span{width:58px;height:58px;border-radius:20px;font-size:1.2rem}.lane-origin small,.lane-destination small{font-size:.44rem}.lane-destination strong{font-size:4.1rem}.lane-track::after{width:10px;height:10px;top:-4px}}

.site-header { padding:18px 24px 0; }
.nav-shell { width:min(100%,1180px); min-height:66px; padding:10px 12px 10px 16px; border-radius:20px; }
.nav-panel { gap:4px; }
.nav-link,.nav-cta { display:inline-flex; min-height:42px; align-items:center; padding:8px 14px; border-radius:12px; font-size:.88rem; font-weight:500; }
.lane-body { grid-template-columns:78px minmax(80px,420px) 78px; justify-content:center; gap:18px; }
@media (max-width:820px){.site-header{padding:10px 12px 0}.nav-shell{min-height:60px;border-radius:17px}.nav-link,.nav-cta{width:100%;justify-content:flex-start;margin:0}}
@media (max-width:520px){.lane-body{grid-template-columns:60px minmax(50px,1fr) 60px;gap:12px}}
