:root { --text:#f4f8ff; --muted:#d2def5; --line:rgba(0, 0, 0, 0.34); --accent:#7c9cff; --accent-strong:#95f0d8; --surface:#8e9ab2; --surface-strong:#ffffff; --surface-text:#12213d; --surface-muted:#32476d; --shadow:0 28px 70px rgba(0,0,0,.28); --container:1120px; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:"Inter",system-ui,sans-serif;background:radial-gradient(circle at top left,rgba(124,156,255,.18),transparent 32%),radial-gradient(circle at top right,rgba(149,240,216,.12),transparent 28%),linear-gradient(180deg,#07101f 0%,#0a1327 48%,#f6f9ff 48%,#f6f9ff 100%);color:var(--text)} a{text-decoration:none;color:inherit}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.narrow{width:min(760px,100%)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,16,31,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:"Space Grotesk",sans-serif;font-weight:700}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#07101f}.brand-accent{color:var(--accent-strong)}.site-nav{display:flex;align-items:center;gap:8px}.site-nav a{padding:10px 14px;color:var(--muted);border-radius:999px;transition:.2s ease}.site-nav a:hover,.site-nav a.active{color:var(--text);background:rgba(255,255,255,.08)}.nav-toggle{display:none;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:12px;padding:10px 12px}
.hero,.page-hero{padding:72px 0 36px}.hero-grid,.split-grid,.two-col-content{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.hero h1,.page-hero h1,.section-heading h2,.panel h2,.panel h3{font-family:"Space Grotesk",sans-serif}.hero h1,.page-hero h1{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.98;margin:0 0 18px;letter-spacing:-.04em}.lead{color:var(--muted);font-size:1.08rem;max-width:62ch}.eyebrow,.card-label,.date-pill,.meta-line,.footer-note{letter-spacing:.08em}.eyebrow,.card-label{text-transform:uppercase;color:var(--accent-strong);font-size:.78rem;font-weight:700}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;font-weight:700;transition:transform .2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#07101f}.button.secondary{background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line)}
.hero-card,.panel,.cta-box{border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card,.panel.emphasis,.panel.callout{background:linear-gradient(180deg,rgba(10,20,40,.96),rgba(16,31,58,.94))}.hero-card{padding:28px}.stat-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-grid div,.tag-list span,.date-pill{border:1px solid var(--line)}.stat-grid div{padding:16px;border-radius:18px;background:rgba(112, 67, 67, 0.08)}.stat-grid strong{display:block;font-size:1.35rem;margin-bottom:4px}.stat-grid span{color:var(--muted);font-size:.94rem}
.section{padding:40px 0;color:var(--surface-text)}.section-alt{background:rgba(220,230,248,.86)}.section-heading{margin-bottom:20px}.section-heading h2{margin:6px 0 0;font-size:clamp(2rem,3vw,2.8rem)}.feature-grid{display:grid;gap:20px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:rgba(255,255,255,.97);padding:24px;border-color:rgba(18,33,61,.12)}.panel h2,.panel h3{margin-top:0;color:#0f1b33}.panel p,.panel li,.meta-line,.footer-note,.text-link{color:var(--surface-muted)}.text-link{font-weight:700}.tag-list{display:flex;flex-wrap:wrap;gap:12px}.tag-list span{background:white;color:#17315e;border-radius:999px;padding:10px 14px;font-weight:600}.tag-list.large span{padding:12px 16px}.callout{color:var(--text)}.callout h2,.emphasis h2,.emphasis li,.emphasis p,.callout li,.callout p{color:var(--text)}
.cta-box{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(135deg,#10203d,#0b172c);color:var(--text)}.page-main{background:linear-gradient(180deg,transparent 0 150px,var(--surface) 150px 100%)}.timeline-list{display:grid;gap:18px}.timeline-item .item-top{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:14px}.date-pill{padding:10px 12px;border-radius:999px;background:#eef4ff;color:#17315e;font-size:.8rem;white-space:nowrap;text-transform:uppercase;font-weight:700}.contact-stack li{margin-bottom:10px}.site-footer{padding:22px 0 36px;background:var(--surface);color:#50607f}.footer-wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(15,27,51,.1);padding-top:18px}.hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center}.hero-avatar-wrap{display:flex;justify-content:center}.hero-avatar{width:180px;height:180px;object-fit:cover;object-position:center 22%;border-radius:50%;border:4px solid rgba(255,255,255,.92);box-shadow:0 18px 40px rgba(0,0,0,.28)}.about-profile-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:stretch}.about-portrait{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center 22%;border-radius:22px;box-shadow:0 24px 50px rgba(0,0,0,.18)}.portrait-panel{background:rgba(255,255,255,.99)}
@media (max-width:920px){.hero-grid,.split-grid,.two-col-content,.three-col,.two-col,.about-profile-grid,.hero-copy{grid-template-columns:1fr}.nav-toggle{display:inline-flex}.site-nav{position:absolute;left:16px;right:16px;top:76px;display:none;flex-direction:column;align-items:stretch;padding:14px;border-radius:18px;background:rgba(9,18,34,.98);border:1px solid var(--line)}.site-nav.open{display:flex}.site-nav a{padding:12px 14px}.cta-box,.timeline-item .item-top,.footer-wrap{flex-direction:column;align-items:flex-start}.hero-avatar-wrap{justify-content:flex-start}}
@media (max-width:640px){.container{width:min(var(--container),calc(100% - 20px))}.hero,.page-hero{padding:52px 0 24px}.hero-card,.panel,.cta-box{padding:20px;border-radius:20px}.quick-facts{display:block}.quick-facts li+li{margin-top:8px}}