@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');
:root{--navy:#00053e;--navy-soft:#1a2b56;--gold:#ffc72c;--surface:#f4f6f8;--text:#101a36;--muted:#5f687a}
body{font-family:"Open Sans",system-ui,sans-serif;color:var(--text);background:#fff}
.utility-bar{height:31px;background:var(--navy-soft);color:#fff;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.2px}
.site-header{height:82px;background:#fff;color:var(--text);box-shadow:0 1px 0 rgba(16,26,54,.08);position:sticky;top:0}
.site-header .brand img{width:190px;height:68px;mix-blend-mode:multiply}
.site-header nav{align-items:center}
.site-header nav a{color:var(--text);font-family:"Open Sans",sans-serif;font-size:12px;text-transform:none;letter-spacing:0;font-weight:600}
.site-header nav a:hover{color:#8b6800}
.hero{min-height:650px;padding:90px 7.5vw;background:linear-gradient(90deg,rgba(0,5,62,.98) 0%,rgba(0,5,62,.91) 43%,rgba(0,5,62,.52) 72%,rgba(0,5,62,.32) 100%),url('public/ama-team-classroom.png') center/cover no-repeat;grid-template-columns:1.2fr .65fr;gap:7vw}
.hero h1,.welcome h2,.section-heading h2,.perks h2,.portfolio h2{font-family:Poppins,"Open Sans",sans-serif;font-weight:700;letter-spacing:-.04em;line-height:1.02}
.hero h1{font-size:clamp(48px,5vw,76px);max-width:800px}
.hero .eyebrow{display:inline-block;border:1px solid rgba(255,199,44,.55);border-radius:7px;padding:9px 12px;color:var(--gold);font-weight:700;margin-bottom:22px}
.hero .intro{font-size:17px;line-height:1.65;max-width:610px;margin:24px 0 20px}
.hero-benefits{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:11px;max-width:650px;font-size:14px;line-height:1.5}
.hero-benefits li{position:relative;padding-left:20px}.hero-benefits li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);position:absolute;left:0;top:.55em}
.button{border-radius:10px;padding:14px 20px;font-size:12px;text-transform:none;letter-spacing:0;font-family:"Open Sans",sans-serif}
.button.gold{background:var(--gold);color:var(--navy)}.button.line{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}
.hero-panel{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:none;min-height:360px;padding:32px}
.hero-panel .panel-label{font-family:Poppins,sans-serif;font-size:25px;line-height:1.15}.hero-panel .sun{border-color:var(--gold);color:var(--gold);width:125px;height:125px;font-family:Poppins,sans-serif}.hero-panel .scribble{color:var(--gold)}
.section,.portfolio{padding-top:112px;padding-bottom:112px}.welcome,.faq,.resources{background:#fff}.guide{background:var(--surface)}
.welcome h2,.section-heading h2,.perks h2,.portfolio h2{font-size:clamp(45px,5vw,72px);line-height:1.05}
.guide-grid article,.contact-grid article,.work-card,.resource-grid a{border-radius:14px;border:1px solid rgba(16,26,54,.09);box-shadow:0 12px 32px rgba(16,26,54,.07)}
.guide-grid article{min-height:250px}.guide-grid span{font-family:Poppins,sans-serif;color:#9a7300}
.perks{background:var(--navy-soft);padding-top:100px;padding-bottom:100px}.perks-list p{border-color:rgba(255,255,255,.18)}.perks-list b{font-family:Poppins,sans-serif;text-transform:none}
.contacts{background:var(--surface);color:var(--text)}.contact-grid article{background:#fff}.contact-grid a{color:#755800}.avatar{background:var(--gold);color:var(--navy)}
.portfolio{background:#fff}.portfolio h2 em{color:#9a7300}.work-card.goldcard{background:var(--navy-soft)}.work-card.cobalt{background:var(--navy)}
footer{background:var(--navy-soft)}
@media(max-width:900px){.site-header nav{gap:12px}.hero{grid-template-columns:1fr}.hero-panel{display:none}}
@media(max-width:800px){.utility-bar{display:none}.site-header{top:0;height:70px}.site-header nav{background:#fff;box-shadow:0 15px 20px rgba(0,5,62,.12)}.site-header nav a{color:var(--text)}.site-header .menu{color:var(--navy);border-color:rgba(0,5,62,.25)}.hero{padding:75px 8vw;min-height:640px}.site-header .brand img{width:150px;height:55px}}
@media(max-width:520px){.hero h1{font-size:43px}.hero .intro{font-size:15px}.hero-benefits{font-size:13px}}