:root{--navy:#06295d;--blue:#075fc4;--blue2:#1395ea;--green:#11a260;--gold:#f6ad2a;--ink:#10213f;--muted:#627087;--line:rgba(7,70,145,.13);--soft:#f5faff;--white:#fff;--shadow:0 18px 48px rgba(4,50,110,.11);--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8fcff;font-family:"Nunito",system-ui,sans-serif;line-height:1.6}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:9999;left:12px;top:12px;transform:translateY(-180%);padding:10px 14px;color:#fff;background:var(--navy);border-radius:8px}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:126px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:5px;text-decoration:none;line-height:0}.emblem{width:auto;height:94px;object-fit:contain;flex:0 0 auto}.brand-rule{width:1px;height:70px;margin:0 3px;background:rgba(7,70,145,.22);flex:0 0 auto}.brand-logo{width:auto;height:108px;object-fit:contain;flex:0 0 auto}.main-nav{display:flex;align-items:center;gap:5px}.main-nav a{padding:10px 15px;border-radius:11px;color:#33435f;font-size:.92rem;font-weight:800;text-decoration:none;transition:.2s}.main-nav a:hover,.main-nav a.active{color:#fff;background:var(--blue)}.menu-button{display:none;width:44px;height:44px;padding:10px;border:0;border-radius:11px;background:var(--blue)}.menu-button span{display:block;height:2px;margin:5px 0;background:#fff;border-radius:4px}
.hero{position:relative;overflow:hidden;padding:72px 0 84px;background:linear-gradient(122deg,#f9fdff 0%,#ebf7ff 52%,#d9efff 100%)}.hero:before{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-180px;border-radius:50%;background:linear-gradient(135deg,rgba(255,190,42,.70),rgba(255,143,40,.25))}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:60px}.overline{margin:0 0 10px;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.hero h1,.section-heading h2,.responsible-card h2{margin:0;font-family:"Fredoka",sans-serif;line-height:1.04}.hero h1{max-width:700px;color:var(--navy);font-size:clamp(3.5rem,7vw,6.3rem);letter-spacing:-.045em}.hero h1 span{display:block;background:linear-gradient(90deg,#075fc4,#09a65b 52%,#f49819 78%,#147ce3);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{max-width:680px;margin:22px 0 13px;color:#173866;font-size:clamp(1.2rem,2.2vw,1.68rem);font-weight:900;line-height:1.35}.hero-description{max-width:630px;margin:0;color:var(--muted);font-size:1.06rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 20px;border:1px solid transparent;border-radius:13px;font-weight:900;text-decoration:none;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 13px 28px rgba(7,95,196,.25)}.secondary{color:var(--blue);background:#fff;border-color:rgba(7,95,196,.17)}.light{color:var(--navy);background:#fff;border-color:rgba(6,41,93,.16)}.stats{display:flex;gap:12px;margin:33px 0 0}.stats div{min-width:135px;padding:12px 15px;background:rgba(255,255,255,.72);border:1px solid rgba(7,95,196,.10);border-radius:14px}.stats dt{color:var(--blue);font-family:"Fredoka",sans-serif;font-size:1.25rem;font-weight:700}.stats dd{margin:0;color:var(--muted);font-size:.77rem;font-weight:800}.official-photo{position:relative;min-height:590px;display:flex;align-items:flex-end;justify-content:center}.photo-backdrop{position:absolute;inset:25px 10px 0;border-radius:48% 48% 18% 18% / 36% 36% 14% 14%;background:linear-gradient(180deg,#fff 0%,#eef8ff 54%,#d6eeff 100%);box-shadow:var(--shadow)}.official-photo img{position:relative;z-index:1;max-height:590px;width:auto;object-fit:contain}.official-captions{display:flex;justify-content:center;gap:18px;margin-top:18px;flex-wrap:wrap}.official-caption{min-width:210px;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid rgba(7,95,196,.12);box-shadow:0 12px 30px rgba(10,77,150,.08);text-align:center}.official-role{display:block;margin-bottom:6px;color:var(--blue);font-size:.8rem;font-weight:900;letter-spacing:.08em}.official-caption strong{display:block;font-size:1rem;line-height:1.35}
.apps-section{padding:78px 0 92px}.section-heading{max-width:720px;margin:0 auto 26px;text-align:center}.section-heading.compact p:last-child{margin-top:10px}.section-heading h2{color:var(--navy);font-size:clamp(2rem,4vw,3rem)}.section-heading p{margin:12px 0 0;color:var(--muted)}.static-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.app-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(7,95,196,.12);border-radius:30px;background:#fff;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.app-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(4,50,110,.14)}.app-cover{padding:22px 22px 0}.icon-card{display:flex;align-items:center;justify-content:center;min-height:320px;background:linear-gradient(180deg,#eff8ff,#f9fdff)}.icon-card img{width:min(100%,360px);height:auto;filter:drop-shadow(0 16px 30px rgba(6,41,93,.12))}.app-content{display:flex;flex:1;flex-direction:column;padding:22px 24px 26px}.app-tag{display:inline-flex;align-self:flex-start;margin-bottom:8px;padding:6px 12px;border-radius:999px;background:rgba(17,162,96,.12);color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.04em}.app-content h3{margin:0;color:var(--navy);font-family:"Fredoka",sans-serif;font-size:1.9rem;line-height:1.1}.app-content p{margin:12px 0 18px;color:var(--muted);font-size:1rem}.app-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:auto;padding:12px 18px;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));font-weight:900;text-decoration:none;box-shadow:0 10px 24px rgba(7,95,196,.22)}.app-link:hover{transform:translateY(-1px)}
.responsible-section{padding:0 0 80px}.responsible-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border-radius:28px;background:linear-gradient(135deg,#08326f,#0c68cf);box-shadow:var(--shadow);color:#fff}.responsible-card .overline{color:#dbeeff}.responsible-card h2{font-size:clamp(2rem,3.5vw,2.8rem)}.responsible-card p{margin:12px 0 0;max-width:720px;color:rgba(255,255,255,.88)}.site-footer{padding:24px 0 34px;background:#04224f;color:rgba(255,255,255,.88)}.site-footer p{margin:0;text-align:center;font-weight:700}.noscript{padding:14px 18px;background:#fff1f1;color:#7b1d1d;text-align:center}
@media (max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:36px}.official-photo{min-height:auto}.official-photo img{max-height:500px}.responsible-card{flex-direction:column;align-items:flex-start}}
@media (max-width:860px){.static-grid{grid-template-columns:1fr}.icon-card{min-height:280px}.brand-logo{width:132px;height:56px}.stats{flex-wrap:wrap}}
@media (max-width:760px){.header-inner{height:92px}.brand{gap:4px}.emblem{width:auto;height:64px}.brand-rule{height:48px;margin:0 2px}.brand-logo{width:auto;height:72px}.menu-button{display:block}.main-nav{position:absolute;top:100%;left:0;right:0;display:grid;gap:10px;padding:18px 20px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(4,50,110,.10);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.main-nav a{padding:13px 14px;border-radius:13px}.hero{padding:54px 0 62px}.hero h1{font-size:clamp(2.9rem,15vw,4.4rem)}.hero-subtitle{font-size:1.12rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.official-caption{min-width:0;flex:1 1 100%}.responsible-card{padding:28px 24px}.responsible-card .button{width:100%}}
@media (max-width:520px){.container{width:min(var(--container),calc(100% - 24px))}.hero-description,.section-heading p,.app-content p,.responsible-card p{font-size:.96rem}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats div:last-child{grid-column:1/-1}.icon-card{min-height:250px;padding-top:10px}}