:root{--primary:#0b6e96;--primary-dark:#095877;--primary-hover:#0a647f;--primary-container:#e3f1f7;--on-primary:#fff;--coral:#dc5847;--coral-dark:#c4452f;--yellow:#f5ce56;--surface:#fff;--surface-2:#f6f9fb;--bg:#eef3f6;--on-surface:#182229;--on-surface-muted:#5c6f79;--outline:#d4e0e6;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:24px;--r-pill:999px;--e1:0 1px 2px rgba(0,0,0,.12),0 1px 3px rgba(0,0,0,.06);--e2:0 2px 6px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.08);--e3:0 6px 16px rgba(11,110,150,.14),0 2px 6px rgba(0,0,0,.08);--ease:.25s cubic-bezier(.2,0,0,1);--container:1200px}*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Roboto",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--on-surface);background:var(--bg);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:500}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.material-symbols-rounded{font-size:20px;line-height:1;vertical-align:middle}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;border:none;border-radius:var(--r-pill);font:500 .95rem/1 "Roboto",sans-serif;letter-spacing:.2px;cursor:pointer;transition:box-shadow var(--ease),background var(--ease),transform var(--ease)}
.btn:active{transform:translateY(1px)}
.btn--filled{background:var(--primary);color:var(--on-primary);box-shadow:var(--e1)}
.btn--filled:hover{background:var(--primary-hover);box-shadow:var(--e2)}
.btn--coral{background:var(--coral);color:#fff;box-shadow:var(--e1)}
.btn--coral:hover{background:var(--coral-dark);box-shadow:var(--e2)}
.btn--tonal{background:var(--primary-container);color:var(--primary-dark)}
.btn--tonal:hover{background:#d3e8f1}
.btn--outlined{background:transparent;color:var(--primary);border:1px solid var(--outline)}
.btn--outlined:hover{background:rgba(11,110,150,.06);border-color:var(--primary)}
.btn--text{height:auto;padding:8px 12px;background:none;color:var(--primary)}
.btn--text:hover{background:rgba(11,110,150,.06)}.ripple{position:absolute;border-radius:50%;transform:scale(0);background:currentColor;opacity:.28;pointer-events:none;animation:ripple .55s linear}
@keyframes ripple{to{transform:scale(2.6);opacity:0}}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px;border-radius:var(--r-pill);font-size:.72rem;font-weight:500;letter-spacing:.3px;text-transform:uppercase}
.chip--coral{background:rgba(220,88,71,.12);color:var(--coral-dark)}
.chip--primary{background:var(--primary-container);color:var(--primary-dark)}.topbar{background:var(--primary-dark);color:rgba(255,255,255,.92);font-size:.85rem}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;height:40px;gap:16px}
.topbar__group{display:flex;align-items:center;gap:12px}
.topbar__links{display:flex;align-items:center;gap:4px}.lang-switch{position:relative}
.lang-switch__toggle{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:var(--r-xs);height:28px;padding:0 10px;font:inherit;font-weight:500;letter-spacing:.3px;cursor:pointer;transition:background var(--ease)}
.lang-switch__toggle:hover{background:rgba(255,255,255,.18)}
.lang-switch__chevron{transition:transform var(--ease)}
.lang-switch.is-open .lang-switch__chevron{transform:rotate(180deg)}
.lang-switch__menu{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;padding:6px;background:#fff;border-radius:var(--r-sm);box-shadow:var(--e3);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--ease),transform var(--ease),visibility var(--ease);z-index:50}
.lang-switch.is-open .lang-switch__menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-switch__menu a{display:block;padding:8px 12px;border-radius:var(--r-xs);color:var(--on-surface);font-size:.9rem;font-weight:500;transition:background var(--ease)}
.lang-switch__menu a:hover{background:var(--primary-container);color:var(--primary-dark)}
.lang-switch__menu a.is-active{background:var(--primary);color:#fff}
.topbar__link{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--r-xs);transition:background var(--ease)}
.topbar__link:hover{background:rgba(255,255,255,.12)}
.topbar__link--cta{background:var(--coral)}
.topbar__link--cta:hover{background:var(--coral-dark)}.appbar{background:var(--surface);box-shadow:var(--e1);position:sticky;top:0;z-index:40}
.appbar__inner{display:flex;align-items:center;gap:24px;min-height:84px}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.brand__mark{width:46px;height:46px;border-radius:14px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.4rem;background:linear-gradient(135deg,var(--primary),#11a0c8);box-shadow:var(--e2)}
.brand__title{font-size:1.45rem;font-weight:700;color:var(--primary-dark);letter-spacing:.5px}
.brand__sub{font-size:.78rem;color:var(--on-surface-muted);margin-top:2px}
.brand__logo{height:70px;width:auto;display:block}.search{margin-left:auto;flex:1;max-width:520px;display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--outline);border-radius:var(--r-pill);height:48px;transition:border-color var(--ease),box-shadow var(--ease)}
.search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(11,110,150,.12);background:#fff}
.search__input{flex:1;border:none;background:transparent;height:100%;font:inherit;padding:0 8px;outline:none;min-width:0}
.search__btn{width:48px;height:48px;border:none;border-radius:0 var(--r-pill) var(--r-pill) 0;background:var(--primary);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background var(--ease);flex-shrink:0}
.search__btn:hover{background:var(--primary-hover)}.search-scope{position:relative;flex-shrink:0}
.search-scope__toggle{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;height:48px;padding:0 10px 0 16px;font:inherit;font-weight:500;color:var(--on-surface-muted);cursor:pointer}
.search-scope__chevron{transition:transform var(--ease)}
.search-scope.is-open .search-scope__chevron{transform:rotate(180deg)}
.search-scope__menu{position:absolute;left:0;top:calc(100% + 8px);min-width:160px;padding:6px;background:#fff;border-radius:var(--r-sm);box-shadow:var(--e3);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--ease),transform var(--ease),visibility var(--ease);z-index:50;list-style:none;margin:0}
.search-scope.is-open .search-scope__menu{opacity:1;visibility:visible;transform:translateY(0)}
.search-scope__menu li{padding:8px 12px;border-radius:var(--r-xs);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--on-surface);transition:background var(--ease)}
.search-scope__menu li:hover{background:var(--primary-container);color:var(--primary-dark)}
.search-scope__menu li.is-active{background:var(--primary);color:#fff}.appbar__login{flex-shrink:0}
.nav-toggle{display:none;border:none;background:none;width:44px;height:44px;border-radius:50%;cursor:pointer}
.nav-toggle:hover{background:rgba(0,0,0,.06)}.mainnav{background:var(--primary);color:#fff;box-shadow:var(--e1);position:relative;z-index:30}
.mainnav__list{display:flex;align-items:stretch;gap:2px}
.mainnav__link{display:inline-flex;align-items:center;gap:6px;height:54px;padding:0 22px;font-weight:500;letter-spacing:.2px;position:relative;transition:background var(--ease)}
.mainnav__link::after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--yellow);transform:scaleX(0);transition:transform var(--ease)}
.mainnav__link:hover{background:rgba(255,255,255,.10)}
.mainnav__link:hover::after,
.mainnav__item--active .mainnav__link::after{transform:scaleX(1)}.mainnav__item--dropdown{position:relative}
.mainnav__dropdown{position:absolute;left:0;top:100%;min-width:180px;padding:8px;background:#fff;border-radius:var(--r-sm);box-shadow:var(--e3);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--ease),transform var(--ease),visibility var(--ease);z-index:40}
.mainnav__dropdown a{display:block;padding:10px 14px;border-radius:var(--r-xs);color:var(--on-surface);font-weight:500;transition:background var(--ease)}
.mainnav__dropdown a:hover{background:var(--primary-container);color:var(--primary-dark)}
.mainnav__item--dropdown:hover .mainnav__dropdown,
.mainnav__item--dropdown.is-open .mainnav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.hero{position:relative;overflow:hidden;color:#fff;background-image:var(--hero-bg-desktop,none),radial-gradient(120% 140% at 100% 0%,#11a0c8 0%,var(--primary) 45%,var(--primary-dark) 100%);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:rgba(9,88,119,.7);z-index:0}
.hero__inner{position:relative;z-index:1;padding:72px 0 80px}
.hero__kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.14);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px}
.hero__title{font-size:clamp(2.1rem,4.5vw,3.4rem);font-weight:700;line-height:1.1;max-width:760px}
.hero__title em{font-style:normal;color:var(--yellow)}
.hero__text{font-size:1.15rem;color:rgba(255,255,255,.88);margin:20px 0 32px;max-width:560px}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px}
.hero__actions .btn--filled{background:#fff;color:var(--primary-dark)}
.hero__actions .btn--filled:hover{background:#eef6fa}.content{padding:56px 0 72px}
.content__grid{display:grid;grid-template-columns:1fr 3fr;gap:32px;align-items:start}.sidebar{position:sticky;top:100px}
.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--e1)}
.sidebar__card{padding:8px}
.sidebar__title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--on-surface-muted);padding:16px 16px 8px}
.quicklinks__item a{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--r-sm);color:var(--on-surface);font-weight:500;transition:background var(--ease),color var(--ease)}
.quicklinks__item a:hover{background:var(--primary-container);color:var(--primary-dark)}
.quicklinks__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--primary-container);color:var(--primary);flex-shrink:0;transition:background var(--ease),color var(--ease)}
.quicklinks__item a:hover .quicklinks__icon{background:var(--primary);color:#fff}
.quicklinks__item a .material-symbols-rounded.arrow{margin-left:auto;color:var(--on-surface-muted)}.section + .section{margin-top:40px}
.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}
.section__title{font-size:1.6rem;font-weight:700;color:var(--on-surface);display:flex;align-items:center;gap:12px}
.section__title .bar{width:6px;height:28px;border-radius:3px;background:var(--coral)}.about-section__text{color:var(--on-surface-muted);line-height:1.7;max-width:860px}
.about-section__text p{margin:0 0 1rem}
.about-section__text p:last-child{margin-bottom:0}.cta-card{position:relative;overflow:hidden;color:#fff;border-radius:var(--r-lg);background:linear-gradient(120deg,var(--primary-dark),var(--primary) 70%);box-shadow:var(--e3);padding:40px}
.cta-card__art{position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;border:26px solid rgba(245,206,86,.35)}
.cta-card h2{font-size:1.9rem;font-weight:700;max-width:560px;position:relative}
.cta-card h2 mark{background:var(--yellow);color:var(--primary-dark);padding:0 8px;border-radius:6px}
.cta-card p{color:rgba(255,255,255,.9);max-width:560px;margin:14px 0 26px;position:relative}
.cta-card .btn--filled{background:#fff;color:var(--primary-dark);position:relative}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--ease),transform var(--ease)}
.news-card:hover{box-shadow:var(--e3);transform:translateY(-4px)}
.news-card__media{height:150px;position:relative;background-size:cover;background-position:center}
.news-card__media .chip{position:absolute;left:12px;top:12px;background:#fff}
.news-card__body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.news-card__date{font-size:.8rem;color:var(--on-surface-muted);display:flex;align-items:center;gap:6px}
.news-card__title{font-size:1.1rem;font-weight:600;margin:8px 0 8px;color:var(--on-surface)}
.news-card__text{font-size:.92rem;color:var(--on-surface-muted);flex:1}
.news-card__more{margin-top:14px;align-self:flex-start}.events{display:flex;flex-direction:column;gap:14px}
.event{display:flex;align-items:center;gap:18px;padding:16px 20px;transition:box-shadow var(--ease),transform var(--ease)}
.event:hover{box-shadow:var(--e2);transform:translateX(4px)}
.event__date{flex-shrink:0;width:64px;text-align:center;padding:10px 0;border-radius:var(--r-sm);background:var(--primary-container);color:var(--primary-dark)}
.event__day{font-size:1.5rem;font-weight:700;line-height:1}
.event__mon{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px}
.event__info{flex:1}
.event__title{font-size:1.05rem;font-weight:600;color:var(--on-surface)}
.event__meta{font-size:.85rem;color:var(--on-surface-muted);display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}
.event__meta span{display:inline-flex;align-items:center;gap:5px}
.event__cta{flex-shrink:0}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:640px}
.video-card{display:flex;flex-direction:column;gap:10px}
.video-card__play{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border:0;padding:0;margin:0;cursor:pointer;background:#0b1720;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--e2)}
.video-card__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video-card__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center;transition:background var(--ease),transform var(--ease)}
.video-card__play:hover .video-card__icon{background:var(--coral);transform:translate(-50%,-50%) scale(1.08)}
.video-card__iframe{width:100%;aspect-ratio:9 / 16;border:0;border-radius:var(--r-md);display:block;box-shadow:var(--e2)}
.video-card__title{font-size:.9rem;font-weight:500;text-align:center;color:var(--on-surface)}.section__foot{display:flex;justify-content:center;margin-top:24px}.footer{background:var(--primary-dark);color:rgba(255,255,255,.85);padding:40px 0 28px;margin-top:8px}
.footer__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-bottom:28px}
.footer__copy{font-size:.9rem;color:rgba(255,255,255,.7);max-width:320px}
.footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.footer__links a{padding:6px 12px;border-radius:var(--r-xs);font-size:.9rem;transition:background var(--ease)}
.footer__links a:hover{background:rgba(255,255,255,.12);color:#fff}
.footer__sep{opacity:.4}
.footer__credit{text-align:center;font-size:.85rem;color:rgba(255,255,255,.6);margin-top:4px}
.footer__credit a{color:rgba(255,255,255,.85);text-decoration:underline}
.footer__credit a:hover{color:#fff}
.footer__wordmark{text-align:center;border-top:1px solid rgba(255,255,255,.14);padding-top:26px;margin-top:18px;font-size:clamp(2.4rem,8vw,4.4rem);font-weight:700;letter-spacing:10px;color:rgba(255,255,255,.92)}
.footer__wordmark-logo{height:64px;width:auto;filter:brightness(0) invert(1)}@media (max-width:1024px){.hero{background-image:var(--hero-bg-mobile,none),radial-gradient(120% 140% at 100% 0%,#11a0c8 0%,var(--primary) 45%,var(--primary-dark) 100%)}.content__grid{grid-template-columns:1fr}.sidebar{position:static}.sidebar__card{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.sidebar__title{grid-column:1 / -1}}
@media (max-width:860px){.grid-3{grid-template-columns:1fr 1fr}.search{order:3;max-width:none;flex-basis:100%}.appbar__inner{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 0;min-height:0}.brand{flex-shrink:1;min-width:0}.brand__logo{height:36px;max-width:100%}.appbar__login{padding:0 16px;font-size:.85rem;margin-left:auto}.nav-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mainnav{display:none}.mainnav.is-open{display:block}.mainnav__list{flex-direction:column;align-items:stretch;gap:0;overflow:visible}.mainnav__link{height:auto;width:100%;padding:14px 20px}.mainnav__item--dropdown{position:static}.mainnav__dropdown{position:static;min-width:0;padding:0 0 0 20px;background:rgba(0,0,0,.15);border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.mainnav__dropdown a{color:#fff;padding:12px 14px}.mainnav__dropdown a:hover{background:rgba(255,255,255,.12);color:#fff}}
@media (max-width:640px){.container{padding:8px 16px}.topbar__inner{flex-wrap:wrap;height:auto;padding:8px 0;gap:8px}.grid-3{grid-template-columns:1fr}.sidebar__card{grid-template-columns:1fr}.event{flex-wrap:wrap}.event__cta{width:100%}.videos-grid{grid-template-columns:repeat(2,1fr);max-width:none}.cta-card{padding:28px}.footer__top{flex-direction:column;align-items:flex-start}}