:root{
--ink:#07191c;--ink2:#0b272c;--panel:#0c3036;--panel2:#104049;--teal:#0a6670;
--gold:#f2c14e;--cream:#f7efe0;--text:#e8f1f1;--muted:#a8bec1;--line:rgba(168,212,214,.18);
--shadow:0 24px 80px rgba(0,0,0,.28);--max:1220px;--radius:22px;
}
html[data-theme="light"]{--ink:#edf5f3;--ink2:#dcebea;--panel:#fff;--panel2:#eef6f5;--text:#102a2d;--muted:#4f6b6e;--line:rgba(7,25,28,.16);--shadow:0 24px 60px rgba(7,25,28,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:
radial-gradient(circle at 82% -10%,rgba(242,193,78,.12),transparent 35rem),
radial-gradient(circle at 8% 18%,rgba(10,102,112,.18),transparent 30rem),var(--ink);
color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--gold);color:#111;padding:.7rem 1rem;z-index:999}.skip-link:focus{top:1rem}
.topbar{height:78px;display:flex;align-items:center;gap:1.3rem;padding:0 max(20px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--ink) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.identity{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto}.identity img{width:42px;height:42px}.identity span{display:flex;flex-direction:column;line-height:1}.identity strong{letter-spacing:.18em;font-size:.95rem}.identity small{color:var(--muted);font-size:.68rem;margin-top:.3rem;letter-spacing:.08em}
.mainnav{display:flex;gap:1.1rem}.mainnav a{text-decoration:none;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mainnav a:hover{color:var(--gold)}
.menu-toggle,.theme-toggle{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:.55rem .75rem;border-radius:12px;cursor:pointer}.menu-toggle{display:none}
.hero{max-width:var(--max);margin:auto;min-height:82vh;padding:7rem 20px 5rem;display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.2em;font-size:.72rem}
h1,h2,h3{line-height:1.08;margin-top:0}h1{font-size:clamp(3.4rem,8vw,8.2rem);letter-spacing:-.065em;margin:.8rem 0 1.5rem}.hero-copy{font-size:1.2rem;color:var(--muted);max-width:720px}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.15rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;text-transform:uppercase;font-size:.74rem;font-weight:900;letter-spacing:.1em}.button.primary{background:var(--gold);border-color:var(--gold);color:#101010}.button:hover{transform:translateY(-2px)}
.flag-card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);padding:1.2rem;border-radius:var(--radius);box-shadow:var(--shadow);transform:rotate(1.5deg)}.flag-card img{display:block;width:100%;border-radius:14px}.flag-card figcaption{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;color:var(--muted);font-size:.8rem}
.band{border-block:1px solid var(--line);background:rgba(255,255,255,.025)}.facts{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(5,1fr);padding:2rem 20px}.fact{padding:1rem;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact strong{display:block;font-size:1.55rem;color:var(--cream)}html[data-theme="light"] .fact strong{color:var(--text)}.fact span{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
.section{max-width:var(--max);margin:auto;padding:6rem 20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.section-head h2{font-size:clamp(2.3rem,5vw,4.8rem);letter-spacing:-.05em;margin:0}.section-head p{max-width:520px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel) 78%,black));border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;min-height:250px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:130px;height:130px;border:18px solid rgba(242,193,78,.07);border-radius:50%;right:-50px;bottom:-60px}.card h3{font-size:1.45rem}.card p{color:var(--muted)}.tag{display:inline-block;color:var(--gold);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:.8rem}
.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.portal{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:1.4rem;text-decoration:none;min-height:180px}.portal strong{display:block;font-size:1.3rem;margin-bottom:.5rem}.portal span{color:var(--muted);font-size:.9rem}.portal:hover{border-color:var(--gold);transform:translateY(-3px)}
.page-hero{max-width:var(--max);margin:auto;padding:6rem 20px 3rem}.page-hero h1{font-size:clamp(3rem,7vw,6.5rem)}.page-hero p{color:var(--muted);max-width:820px;font-size:1.12rem}
.timeline-tools{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem}.search,.select{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.8rem 1rem;border-radius:12px;font:inherit}.search{flex:1;min-width:240px}.timeline{display:grid;gap:.8rem}.event{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1.25rem}.event time{color:var(--gold);font-weight:900}.event h2{font-size:1.25rem;margin-bottom:.45rem}.event p{margin:0;color:var(--muted)}.event[hidden]{display:none}
.gov-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gov-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.gov-card h2{font-size:1.6rem}.gov-card p,.gov-card li{color:var(--muted)}.orgchart{display:grid;gap:.8rem}.org-node{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:1rem;text-align:center}.org-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.religions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.religion{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:1.7rem}.religion.sun{box-shadow:inset 0 4px 0 var(--gold)}.religion.ring{box-shadow:inset 0 4px 0 #82c9cd}.religion ul{color:var(--muted)}
.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;background:var(--ink2);border:1px solid var(--line);border-radius:var(--radius);padding:2rem;text-align:center}.scoreboard strong{font-size:3rem}.scoreboard .versus{color:var(--muted)}
.sport-field{display:grid;place-items:center;min-height:420px;border:1px solid var(--line);border-radius:var(--radius);background:
radial-gradient(circle at center,transparent 0 70px,var(--gold) 72px 76px,transparent 78px),
linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.14) 50%,transparent 50.3%),#0a5960;position:relative;overflow:hidden}.sport-field:before,.sport-field:after{content:"";position:absolute;width:120px;height:190px;border:12px solid var(--cream);border-radius:50%;top:50%;transform:translateY(-50%)}.sport-field:before{left:35px}.sport-field:after{right:35px}.sport-field span{background:rgba(7,25,28,.88);padding:1rem 1.2rem;border-radius:14px;font-weight:900;z-index:2}
.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.hero-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem}.hero-card .portrait{width:78px;height:78px;border:14px solid var(--gold);border-radius:50%;background:var(--ink);margin-bottom:1rem}.hero-card h2{font-size:1.35rem}.hero-card p{color:var(--muted)}
.arch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.arch{min-height:320px;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;background:linear-gradient(145deg,var(--panel),var(--ink2));position:relative;overflow:hidden}.arch:after{content:"";position:absolute;width:210px;height:210px;border:28px solid rgba(242,193,78,.12);border-radius:50%;right:-80px;bottom:-80px}.arch p{color:var(--muted);max-width:75%}
.map-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.map-layout img{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.regions{display:grid;gap:.8rem}.region{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:1rem}.region h2{font-size:1.2rem;margin-bottom:.2rem}.region small{color:var(--gold);text-transform:uppercase;letter-spacing:.1em}.region p{color:var(--muted);margin-bottom:0}
.anthem{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.anthem-lines{columns:2;column-gap:3rem;color:var(--muted)}.anthem-lines p{break-inside:avoid}.seal{display:flex;align-items:center;gap:1.4rem}.seal img{width:140px}.prose{max-width:880px}.prose h2{font-size:2rem;margin-top:2.7rem}.prose p,.prose li{color:var(--muted)}.quote{border-left:3px solid var(--gold);padding-left:1.2rem;font-style:italic;color:var(--cream)}
.footer{max-width:var(--max);margin:5rem auto 0;padding:3rem 20px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem}.footer h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.footer a{display:block;color:var(--muted);text-decoration:none;margin:.4rem 0}.footer p{color:var(--muted)}.footer-crest{width:72px;float:left;margin-right:1rem}.motto{text-align:center;border-top:1px solid var(--line);padding-top:2rem;margin-top:2rem;font-style:italic}
.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.mainnav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--panel);padding:1rem 20px;flex-direction:column;border-bottom:1px solid var(--line)}.mainnav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;gap:2rem}.facts{grid-template-columns:repeat(3,1fr)}.fact:nth-child(3){border-right:0}.portal-grid{grid-template-columns:1fr 1fr}.cards,.hero-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{padding:0 14px}.identity small{display:none}.theme-toggle{display:none}.hero,.section,.page-hero{padding-left:14px;padding-right:14px}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(odd){border-right:1px solid var(--line)}.fact:nth-child(even){border-right:0}.section-head{display:block}.cards,.hero-grid,.portal-grid,.gov-grid,.religions,.arch-grid{grid-template-columns:1fr}.event{grid-template-columns:1fr;gap:.3rem}.org-row{grid-template-columns:1fr}.scoreboard{grid-template-columns:1fr}.map-layout{grid-template-columns:1fr}.anthem-lines{columns:1}.footer-grid{grid-template-columns:1fr}.flag-card{transform:none}.sport-field{min-height:300px}.sport-field:before,.sport-field:after{width:70px;height:120px}.arch p{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.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}
.language-select{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.55rem .65rem;border-radius:12px;font-weight:800;cursor:pointer}
.identity-strip{max-width:var(--max);margin:2rem auto 0;padding:1.4rem 20px;display:grid;grid-template-columns:150px 1fr;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,rgba(242,193,78,.10),var(--panel))}
.identity-strip h2{font-size:clamp(1.8rem,4vw,3rem);margin:.3rem 0 .7rem}.identity-strip p{color:var(--muted);margin:.3rem 0}.text-link{display:inline-block;margin-top:.7rem;color:var(--gold);font-weight:800;text-decoration:none}
.identity-symbol{width:130px;height:130px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:0 0 50px rgba(242,193,78,.18)}.identity-symbol span{width:68px;height:68px;border-radius:50%;background:var(--ink);box-shadow:inset 0 0 0 10px rgba(255,255,255,.03)}
.leader-section{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:3rem;align-items:center}.leader-portrait img{display:block;width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.leader-copy h2{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.04em}.leader-copy p{color:var(--muted)}
.anatomy-diagram{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2rem}.anatomy-head{width:min(360px,80vw);aspect-ratio:1;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#b47758,#7d4938);position:relative;margin:auto;box-shadow:inset 0 -30px 60px rgba(0,0,0,.22)}.anatomy-hole{position:absolute;width:44%;height:34%;left:28%;top:8%;border-radius:50%;background:var(--ink);border:18px solid #d7a483;box-shadow:inset 0 18px 28px #000,0 0 0 7px var(--gold)}.anatomy-labels{display:grid;gap:.8rem}.anatomy-labels article{display:grid;grid-template-columns:42px 1fr;gap:1rem;border-bottom:1px solid var(--line);padding:.8rem 0}.anatomy-labels article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#111;font-weight:900}.anatomy-labels h2{font-size:1.2rem;margin:0}.anatomy-labels p{color:var(--muted);margin:.25rem 0 0}
@media(max-width:900px){.leader-section,.anatomy-diagram{grid-template-columns:1fr}.identity-strip{grid-template-columns:100px 1fr}.identity-symbol{width:90px;height:90px}.identity-symbol span{width:46px;height:46px}}
@media(max-width:640px){.identity-strip{margin:1rem 14px 0;grid-template-columns:1fr;text-align:center}.identity-symbol{margin:auto}.language-select{max-width:64px;padding:.5rem .35rem}.leader-section{padding-top:3rem}}