*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{--color-primary:#0b3677;--color-primary-light:#06f;--color-text:#6b6b6b;--color-text-dark:#000;--color-background:#fff;--color-footer-bg:#f7f7f7;--color-border:#c5c5c5;--font-family:'Public Sans',system-ui,-apple-system,sans-serif}
html{font-size:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-family);background:var(--color-background);line-height:1.5}
a{text-decoration:none;color:inherit;transition:opacity .2s}
a:hover{opacity:.8}
a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.wrapper{min-height:100vh;display:flex;flex-direction:column}
.hero{background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light));padding:26px 20px 0;text-align:center;overflow:hidden;min-height:350px}
.header{display:flex;justify-content:center;margin-bottom:20px}
.logo{width:160px;height:24px}
.hero-img{width:100%;max-width:757px;margin:0 auto;position:relative;z-index:1}
.about{background:var(--color-background);border-radius:40px 40px 0 0;margin-top:-100px;margin-bottom:100px;position:relative;z-index:2;padding:20px 20px 60px;text-align:center}
.about-title{font-size:clamp(36px,8vw,48px);font-weight:500;color:var(--color-primary);margin-bottom:20px}
.about-text{font-size:clamp(14px,2.5vw,16px);font-weight:400;line-height:1.625;color:var(--color-text);max-width:760px;margin:0 auto}
.footer{background:var(--color-footer-bg);border-top:1px solid var(--color-border);padding:30px 20px;margin-top:auto}
.links{font-size:14px;font-weight:300;color:var(--color-text-dark)}
.links ul{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none}
.links li{display:flex;align-items:center}
.links li:not(:last-child)::after{content:'|';margin-left:8px}
.links a:hover{text-decoration:underline;opacity:1}
@media(min-width:768px){.hero{min-height:600px;padding:56px 20px 0}.about{padding:80px 20px;margin-top:-70px}.about-title{font-size:72px}.about-text{font-size:20px;line-height:1.5}.links{font-size:16px}}
@media(max-width:359px){.about{margin-top:-125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media print{.hero{background:0;min-height:auto;padding:20px}.about{margin-top:0;border-radius:0}}