@font-face { font-family: 'Heebo'; font-weight: 300 700; font-display: swap; src: url(assets/fonts/heebo-400.woff2) format('woff2'); }
@font-face { font-family: 'Rajdhani'; font-weight: 700; font-display: swap; src: url(assets/fonts/rajdhani-700.woff2) format('woff2'); }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font: 400 16px/1.7 'Heebo', system-ui, sans-serif; color: #151515; background: #fff; }
header { background: #13156e; padding: 18px clamp(16px, 5vw, 72px); }
header a { display: inline-block; width: 130px; height: 56px; background: #fff; -webkit-mask: url(assets/logo.png) left center / contain no-repeat; mask: url(assets/logo.png) left center / contain no-repeat; }
main { max-width: 820px; margin: 0 auto; padding: 70px clamp(16px, 5vw, 40px) 90px; }
h1 { font: 700 clamp(40px, 6vw, 64px)/1 'Rajdhani', sans-serif; color: #13156e; margin-bottom: 36px; }
h2 { font: 700 24px/1.2 'Rajdhani', sans-serif; color: #13156e; margin: 36px 0 10px; }
p, ul { margin-bottom: 12px; color: #3c3f44; } ul { padding-left: 20px; }
a { color: #0073c3; }
.back { display: inline-block; margin-top: 40px; font-weight: 600; }
footer { background: #0b0c45; color: rgba(255,255,255,.7); font-size: 13px; padding: 26px clamp(16px, 5vw, 72px); }
footer a { color: #fff; margin-right: 16px; }