@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600&display=swap');
:root{--bg:#111;--bg2:#161616;--panel:#1b1b1b;--text:#8d8d8d;--title:#005b8c;--line:#2b2b2b;--btn:#00639b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Exo 2',Arial,sans-serif;font-weight:300;font-size:20px;line-height:1.55}
a{color:inherit}
.header{background:#080808;border-bottom:1px solid #1f1f1f;position:relative;z-index:30}
.header-inner{max-width:1180px;margin:auto;min-height:105px;display:flex;align-items:center;justify-content:space-between;padding:18px 28px}
.brand{display:flex;align-items:center;gap:18px;text-decoration:none;color:#818181;font-size:24px;letter-spacing:.02em}
.brand img{width:64px;height:64px;object-fit:cover}
.desktop-nav{display:flex;gap:25px;align-items:center}
.desktop-nav a{font-size:16px;text-decoration:none;color:#818181}
.desktop-nav a:hover,.desktop-nav a.active{color:#d0d0d0}
.mobile-menu-btn{display:none;background:none;border:0;color:#989898;font-size:30px;cursor:pointer}
.mobile-nav{display:none;position:fixed;inset:0 0 0 20%;background:#fff;z-index:100;padding:80px 45px 40px;overflow:auto}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;color:#777;text-decoration:none;font-size:21px;padding:16px 0;border-top:1px solid #e8e8e8}
.mobile-close{position:absolute;right:30px;top:28px;font-size:34px;color:#aaa;border:0;background:none}
.wrap{max-width:1180px;margin:auto;padding:0 28px}
.content{padding:64px 0 90px;min-height:70vh}
h1,h2,h3{font-weight:300;margin-top:0}
h1{font-size:58px;line-height:1.05;color:var(--title);margin-bottom:40px}
h2{font-size:34px;color:#8a8a8a}
h3{font-size:24px;color:#8a8a8a}
p{margin:0 0 22px}
strong{font-weight:500}
.btn{display:inline-block;background:var(--btn);color:#111;text-decoration:none;border-radius:40px;padding:16px 38px;min-width:180px;text-align:center;font-size:18px}
.btn:hover{filter:brightness(1.15)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.hero-card{padding:25px 0}
.hero-image{width:100%;display:block}
.contact-strip{padding:70px 0;text-align:center;background:#151515;border-top:1px solid #202020}
.contact-strip h2{font-size:38px;color:#999;margin-bottom:28px}
.section-image{width:100%;height:auto;margin:35px 0}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:46px;align-items:start}
.vip-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.list-lines div{margin:7px 0}
hr{border:0;border-top:1px solid #323232;margin:34px 0}
form{display:grid;gap:18px;max-width:620px}
label{display:block;font-size:18px}
input,textarea{width:100%;padding:14px;border:1px solid #383838;background:#1c1c1c;color:#ddd;font:inherit}
textarea{min-height:145px;resize:vertical}
button.submit{background:var(--btn);border:0;border-radius:40px;padding:14px 32px;font:inherit;color:#111;cursor:pointer;width:max-content}
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;margin:28px 0}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.footer{border-top:1px solid #202020;background:#0b0b0b;text-align:center;padding:28px;color:#555;font-size:14px}
.note{font-size:15px;color:#666;margin-top:10px}
.vote-link{word-break:break-all}
.year{font-size:25px;margin-top:35px;margin-bottom:10px;color:#8d8d8d}
.news-item{margin:8px 0}
@media(max-width:850px){
  body{font-size:19px}
  .header-inner{min-height:96px;padding:16px}
  .desktop-nav{display:none}.mobile-menu-btn{display:block}
  .wrap{padding:0 16px}.content{padding-top:52px}
  h1{font-size:57px}
  .hero-grid,.two-col,.vip-grid{grid-template-columns:1fr}
  .hero-grid{gap:30px}
  .brand span{font-size:20px}
}
@media(max-width:480px){
  h1{font-size:54px}.mobile-nav{inset:0 0 0 20%}
}