: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:#CBAA66; --accent-soft:#CBAA66; --green:#86e8aa; --max-width:1220px; --radius:32px; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { display:flex; flex-direction:column; min-height:100vh; min-height:100dvh; margin:0; background:var(--page); color:var(--ink); font-family:'Poppins',system-ui,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
body > .site-header, body > main, body > .site-footer { flex-shrink:0; }
body > .site-footer { margin-top:auto; }
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(203,170,102,.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(203,170,102,.45),rgba(203,170,102,.08)); box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 20px rgba(203,170,102,.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(203,170,102,.6); background:rgba(203,170,102,.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,#CBAA66,#CBAA66); box-shadow:0 10px 28px rgba(203,170,102,.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(203,170,102,.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(203,170,102,.62); border-radius:28px; background:linear-gradient(145deg,rgba(203,170,102,.5),rgba(203,170,102,.12)); box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 32px rgba(203,170,102,.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(203,170,102,.2),var(--accent),rgba(203,170,102,.2)); box-shadow:0 0 18px rgba(203,170,102,.55); }.path-dash::after { position:absolute; top:50%; left:50%; width:130px; height:34px; border-radius:50%; background:rgba(203,170,102,.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(203,170,102,.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(203,170,102,.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(203,170,102,.55); border-radius:24px; background:rgba(203,170,102,.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(203,170,102,.65); border-radius:999px; background:rgba(203,170,102,.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(203,170,102,.42); border-radius:24px; background:linear-gradient(110deg,rgba(203,170,102,.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(203,170,102,.12); filter:blur(36px); content:''; pointer-events:none; }.dashboard-link:hover { border-color:rgba(203,170,102,.8); background:linear-gradient(110deg,rgba(203,170,102,.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(203,170,102,.38); background:linear-gradient(135deg,rgba(203,170,102,.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:#CBAA66; }
.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(203,170,102,.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(203,170,102,.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(203,170,102,.12); }
.lane-track::before { position:absolute; inset:0; border-radius:inherit; background:linear-gradient(90deg,var(--accent),rgba(203,170,102,.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(203,170,102,.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(203,170,102,.16),0 0 20px rgba(203,170,102,.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}}
.lane-body { grid-template-columns:64px minmax(60px,280px) 64px; gap:14px; }
.lane-origin strong { color:var(--accent); font-size:3.2rem; font-weight:700; letter-spacing:-.08em; line-height:1; text-shadow:0 0 24px rgba(203,170,102,.35); }
.lane-destination strong { font-size:4.8rem; }
@media (max-width:520px){.lane-body{grid-template-columns:52px minmax(50px,1fr) 52px;gap:10px}.lane-origin strong{font-size:2.7rem}.lane-destination strong{font-size:4rem}}
.lane-body { grid-template-columns:64px minmax(50px,210px) 64px; gap:28px; }
@media (max-width:520px){.lane-body{grid-template-columns:52px minmax(42px,150px) 52px;gap:20px}}
.lane-destination strong { color:var(--accent); }
.nav-shell { min-height:75px; padding:10px 16px 10px 26px; }
.brand strong,.brand small,.footer-brand strong,.footer-brand small { font-style:italic; }
.brand-mark { width:42px; height:32px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.brand-mark img { width:38px; height:30px; }
.footer-brand .brand-mark { width:38px; height:28px; }
.footer-brand .brand-mark img { width:32px; height:25px; }
@media (max-width:820px){.nav-shell{min-height:75px;padding:10px 16px 10px 26px}}
.nav-cta { gap:8px; }
.brand strong,.brand small,.footer-brand strong,.footer-brand small { color:var(--accent); }
.brand-mark img { filter:none; }
.brand-mark img { filter:drop-shadow(0 0 9px rgba(203,170,102,.58)); }
.brand strong,.footer-brand strong { text-shadow:0 0 16px rgba(203,170,102,.2); }
.footer-brand .brand-mark img { filter:drop-shadow(0 0 7px rgba(203,170,102,.42)); }
.site-footer { padding:30px 0; }
.footer-inner { min-height:30px; align-items:center; }
.footer-inner>* { align-self:center; }
.fallback-page { display:flex; min-height:100vh; flex-direction:column; }
.fallback-main { display:grid; flex:1; width:min(calc(100% - 48px),var(--max-width)); margin-inline:auto; place-items:center; padding:88px 0 110px; }
.fallback-card { width:min(100%,720px); padding:clamp(34px,6vw,72px); border:1px solid rgba(255,255,255,.16); border-top:2px solid var(--accent); border-radius:34px; background:rgba(21,28,41,.62); box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 70px rgba(0,0,0,.26); text-align:center; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.fallback-code { display:block; margin-bottom:28px; color:var(--accent); font-size:clamp(5rem,15vw,9rem); font-weight:700; letter-spacing:-.12em; line-height:.72; text-shadow:0 0 36px rgba(203,170,102,.35); }
.fallback-card .eyebrow { justify-content:center; }
.fallback-card h1 { max-width:600px; margin:17px auto 14px; font-size:clamp(2.5rem,6vw,5rem); font-weight:500; letter-spacing:-.09em; line-height:.94; }
.fallback-card>p:not(.eyebrow) { max-width:500px; margin:0 auto; color:var(--muted); font-size:.92rem; }
.fallback-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:32px; }
@media (max-width:520px){.fallback-main{width:min(calc(100% - 32px),var(--max-width));padding:56px 0 76px}.fallback-card{padding:34px 22px}.fallback-actions{align-items:stretch;flex-direction:column}.fallback-actions .button{justify-content:space-between}}

.site-header { padding: 18px 24px 0; }
.nav-shell { width: min(100%, 1180px); min-height: 75px; padding: 10px 16px 10px 26px; border-radius: 23px; }
.brand-mark { width: 42px; height: 32px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.brand-mark img { width: 38px; height: 30px; filter: drop-shadow(0 0 9px rgba(203, 170, 102, .58)); }
.brand strong, .brand small, .footer-brand strong, .footer-brand small { color: var(--accent); font-style: italic; }
.nav-link, .nav-cta { display: inline-flex; min-height: 42px; align-items: center; padding: 8px 14px; border-radius: 12px; font-size: .82rem; }
.dashboard-hero, .hero-shell { align-items: start; padding-top: 86px; }
.career-hero { padding-top: 86px; }
.auth-main, .dashboard-main { align-items: start; padding-top: 86px; }
.policy-shell { margin-top: 86px; }

@media (max-width: 820px) {
    .site-header { padding: 12px 14px 0; }
    .nav-shell { width: 100%; min-height: 75px; }
    .dashboard-hero, .hero-shell { min-height: auto; padding-top: 68px; }
    .career-hero, .auth-main, .dashboard-main { padding-top: 68px; }
    .policy-shell { margin-top: 60px; }
}

@media (max-width: 520px) {
    .dashboard-hero, .hero-shell, .auth-main, .dashboard-main { padding-top: 58px; }
    .career-hero { padding-top: 60px; }
    .policy-shell { margin-top: 42px; }
}

@media (min-width: 821px) and (max-width: 1400px) {
    .dashboard-hero { min-height: auto; padding-bottom: 48px; }
}

.site-header, body > main > *, .site-footer { transition: opacity 320ms ease, transform 420ms cubic-bezier(.22, 1, .36, 1), filter 320ms ease; }
:where(.flight-visual, .community-card, .dashboard-link, .role-card, .policy-card, .fallback-card) { transition: opacity 280ms ease, transform 380ms cubic-bezier(.22, 1, .36, 1), filter 280ms ease, border-color .18s ease, background .18s ease; }
body.is-content-loading :where(.site-header, main > *, .site-footer, .flight-visual, .community-card, .dashboard-link, .role-card, .policy-card, .fallback-card), body.is-page-leaving :where(.site-header, main > *, .site-footer, .flight-visual, .community-card, .dashboard-link, .role-card, .policy-card, .fallback-card) { opacity: 0; filter: blur(5px); transform: translateY(14px) scale(.992); transition-delay: 0ms !important; }
body.is-page-ready > main > :nth-child(2) { transition-delay: 55ms; }
body.is-page-ready > main > :nth-child(3) { transition-delay: 110ms; }
body.is-page-ready > main > :nth-child(n + 4) { transition-delay: 165ms; }
body.is-page-ready :where(.flight-visual, .community-card, .dashboard-link, .role-card, .policy-card, .fallback-card) { animation: block-enter 420ms cubic-bezier(.22, 1, .36, 1) both; }
body.is-page-ready .role-card:nth-child(2) { animation-delay: 60ms; }
body.is-page-ready .role-card:nth-child(3) { animation-delay: 120ms; }
body.is-page-ready .role-card:nth-child(n + 4) { animation-delay: 180ms; }
.site-loading-screen { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; overflow: hidden; padding: 24px; background: rgba(7, 11, 19, .72); backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); opacity: 0; pointer-events: none; transition: opacity 240ms ease, backdrop-filter 320ms ease, -webkit-backdrop-filter 320ms ease; }
.site-loading-screen::before { position: absolute; inset: -35%; background: radial-gradient(circle, rgba(203, 170, 102, .2), transparent 36%); opacity: 0; transform: translate3d(-18%, 14%, 0) scale(.85); content: ''; }
.site-loading-screen.is-visible { opacity: 1; pointer-events: auto; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.site-loading-screen.is-visible::before { animation: loading-glow 1.8s ease-in-out infinite alternate; }
.site-loading-card { position: relative; width: min(400px, 100%); padding: 30px; border: 1px solid rgba(203, 170, 102, .35); border-radius: 28px; background: linear-gradient(145deg, rgba(36, 43, 56, .96), rgba(16, 23, 36, .98)); box-shadow: 0 24px 70px #0006, inset 0 1px #ffffff16; text-align: center; opacity: 0; transform: translateY(22px) scale(.95); transition: opacity 180ms ease, transform 220ms ease; }
.site-loading-screen.is-visible .site-loading-card { opacity: 1; transform: none; animation: loading-card-enter 460ms cubic-bezier(.22, 1, .36, 1) both; }
.site-loading-mark { display: inline-block; width: 50px; height: 50px; margin-bottom: 18px; border: 4px solid transparent; border-top-color: var(--accent); border-radius: 50%; background: transparent; box-shadow: none; animation: loading-spin 900ms linear infinite; }
.site-loading-card h2 { margin: 8px 0; font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.1; font-weight: 500; letter-spacing: -.04em; }
.site-loading-card > p:last-child { margin: 12px 0 0; color: var(--muted); font-size: .82rem; }
@keyframes loading-spin { to { transform: rotate(360deg); } }
@keyframes loading-glow { to { opacity: 1; transform: translate3d(18%, -12%, 0) scale(1.12); } }
@keyframes loading-card-enter { from { opacity: 0; transform: translateY(22px) scale(.95); } 55% { opacity: 1; } to { opacity: 1; transform: none; } }
@keyframes block-enter { from { opacity: 0; filter: blur(5px); transform: translateY(14px) scale(.992); } to { opacity: 1; filter: none; transform: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } .site-loading-mark, .site-loading-screen.is-visible::before, .site-loading-screen.is-visible .site-loading-card { animation: none; } }

.dashboard-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.public-flights-main { padding-top: 86px; padding-bottom: 40px; }
.public-flights-hero { max-width: 860px; padding-bottom: 48px; }
.public-flights-hero h1 { margin: 18px 0; font-size: clamp(3.4rem, 7vw, 6.8rem); font-weight: 500; letter-spacing: -.1em; line-height: .89; }
.public-flights-hero h1 em { color: var(--accent); font-style: normal; }
.public-flights-hero > p:last-child { max-width: 680px; margin: 0; color: var(--muted); }
.public-flights-list { display: grid; gap: 16px; }
.public-flight-card, .public-flights-empty { padding: 28px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 30px; background: rgba(21, 28, 41, .62); box-shadow: inset 0 1px rgba(255, 255, 255, .11), 0 20px 50px rgba(0, 0, 0, .2); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.public-flight-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.public-flight-heading h2 { margin: 8px 0 0; font-size: clamp(1.7rem, 4vw, 2.7rem); font-weight: 500; letter-spacing: -.06em; line-height: 1; }
.public-flight-status { display: inline-flex; min-height: 34px; align-items: center; padding: 7px 12px; border: 1px solid rgba(203, 170, 102, .55); border-radius: 999px; color: var(--accent); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.public-flight-status-flown, .public-flight-status-finished { border-color: rgba(134, 232, 170, .45); color: var(--green); }
.public-flight-card dl { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin: 24px 0 0; }
.public-flight-card dl div { min-width: 0; }
.public-flight-card dt { color: var(--muted); font-size: .58rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.public-flight-card dd { margin: 6px 0 0; overflow-wrap: anywhere; color: var(--ink); font-size: .82rem; }
.public-flights-empty { margin: 0; color: var(--muted); text-align: center; }
body.is-page-ready :where(.public-flight-card, .public-flights-empty) { animation: block-enter 420ms cubic-bezier(.22, 1, .36, 1) both; }
body.is-content-loading :where(.public-flight-card, .public-flights-empty), body.is-page-leaving :where(.public-flight-card, .public-flights-empty) { opacity: 0; filter: blur(5px); transform: translateY(14px) scale(.992); }
@media (max-width: 820px) { .dashboard-links { grid-template-columns: 1fr; } .public-flights-main { padding-top: 68px; } .public-flight-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .public-flights-main { padding-top: 58px; padding-bottom: 32px; } .public-flights-hero h1 { font-size: clamp(3.3rem, 17vw, 5rem); } .public-flight-heading { flex-direction: column; } .public-flight-card dl { grid-template-columns: 1fr; } }
