@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:local('Manrope');} @font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400 700;font-display:swap;src:local('Space Grotesk');}:root{--bg:#f6f7fb;--panel:#ffffff;--card:#ffffff;--accent:#f7c948;--accent-strong:#f59e0b;--muted:#556079;--text:#0f172a;--edge:rgba(15,23,42,0.08);--shadow:0 14px 40px rgba(15,23,42,0.12);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;} *,*::before,*::after{box-sizing:border-box;} body{margin:0;font-family:"Manrope","Space Grotesk",system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(140% 120% at 20% 20%,rgba(247,201,72,0.16),transparent 50%),radial-gradient(140% 120% at 80% 0%,rgba(99,143,255,0.12),transparent 45%),var(--bg);min-height:100vh;} a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} header{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:rgba(255,255,255,0.86);border-bottom:1px solid var(--edge);} .nav-bar{max-width:1200px;margin:0 auto;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;} .brand{display:flex;gap:12px;align-items:center;} .brand-logo{height:46px;width:auto;} .nav-links{display:flex;gap:18px;align-items:center;} .nav-links a{padding:10px 14px;border-radius:999px;transition:all 0.2s ease;color:#4b5563;} .nav-links a:hover,.nav-links a.active{color:#0f172a;background:rgba(247,201,72,0.16);} .nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border-radius:12px;border:1px solid rgba(15,23,42,0.12);background:linear-gradient(135deg,#ffffff,#e2e8f0);cursor:pointer;box-shadow:var(--shadow);} .nav-toggle span{display:block;width:60%;height:2px;background:#0f172a;border-radius:999px;transition:transform 0.3s ease,opacity 0.3s ease;} .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;border:1px solid rgba(15,23,42,0.08);background:linear-gradient(135deg,#ffffff,#edf2f7);color:#0f172a;font-weight:600;box-shadow:var(--shadow);cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;} .btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(0,0,0,0.35);} .btn.accent{background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#1f2937;border:none;} .container{max-width:1200px;margin:0 auto;padding:36px 26px;} .hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#e6edf7;min-height:520px;display:grid;align-items:end;box-shadow:var(--shadow);} .hero::before{content:"";position:absolute;inset:0;background:url('hero.jpg') center/cover no-repeat;opacity:1;filter:grayscale(6%) brightness(0.85) saturate(105%);} .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0.25),rgba(15,23,42,0.45));} .hero-content{position:relative;z-index:2;padding:46px;max-width:620px;} .hero-content,.hero-content h1,.hero-content .lead{color:#ffffff;} .hero-content h1{text-shadow:0 4px 20px rgba(0,0,0,0.8),0 2px 8px rgba(0,0,0,0.6);font-weight:700;} .hero-content .lead{text-shadow:0 3px 15px rgba(0,0,0,0.75),0 2px 6px rgba(0,0,0,0.5);font-weight:500;} .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,0.95);border:1px solid rgba(255,255,255,0.3);color:var(--accent-strong);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 4px 12px rgba(0,0,0,0.15);} h1{margin:18px 0 12px;font-size:clamp(36px,4vw,52px);letter-spacing:-0.02em;} p.lead{margin:0 0 26px 0;color:#4b5563;font-size:18px;line-height:1.6;} .pill-group{display:flex;gap:10px;flex-wrap:wrap;} section{margin:40px 0;} .section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;} .section-head h2{margin:0;font-size:26px;} .section-head p{margin:0;color:var(--muted);} .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;} .card{background:var(--card);border:1px solid var(--edge);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow);} .card h3{margin:0 0 8px;font-size:20px;} .card p{margin:0;color:var(--muted);line-height:1.5;} .notice-card{position:relative;padding-left:28px;} .notice-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:6px;border-radius:6px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));box-shadow:0 10px 30px rgba(245,158,11,0.25);} .notice-meta{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;} .blog-card{display:flex;flex-direction:column;gap:12px;} .blog-thumb{position:relative;border-radius:var(--radius-sm);overflow:hidden;height:180px;background:#e5e7eb;} .blog-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05);transition:transform 0.25s ease;} .blog-card:hover .blog-thumb img{transform:scale(1.04);} .badge{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(15,23,42,0.06);color:#374151;font-weight:600;font-size:13px;} .meta-row{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px;} .council-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;} .person{display:flex;gap:14px;align-items:center;} .avatar{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#fbbf24,#f97316);display:grid;place-items:center;color:#1f2937;font-weight:800;letter-spacing:-0.02em;} .person h4{margin:0;} .person small{color:var(--muted);} .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;} .map-card{overflow:hidden;padding:0;} .map-card iframe{width:100%;min-height:320px;border:0;border-radius:var(--radius-md);filter:grayscale(12%) saturate(108%);} .footer{border-top:1px solid var(--edge);padding:28px 26px 32px;color:#0f172a;font-size:14px;margin-top:48px;background:linear-gradient(135deg,rgba(247,201,72,0.2),rgba(99,143,255,0.15));} .footer-content{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center;} .footer-brand{display:flex;gap:12px;align-items:center;} .footer-brand img{border-radius:12px;border:1px solid rgba(15,23,42,0.1);} .footer-links{display:flex;gap:16px;flex-wrap:wrap;} .footer-links a{color:#0f172a;font-weight:600;} .footer-cta{text-align:right;} .footer-cta a{display:inline-flex;align-items:center;padding:8px 18px;border-radius:999px;background:linear-gradient(120deg,var(--accent),var(--accent-strong));color:#1f2937;font-weight:600;} .filter-row{display:flex;flex-wrap:wrap;gap:10px;} .chip{background:rgba(15,23,42,0.04);border:1px solid var(--edge);padding:10px 14px;border-radius:999px;color:var(--muted);cursor:pointer;transition:all 0.2s ease;} .chip.active{background:rgba(247,201,72,0.2);color:#0f172a;border-color:rgba(247,201,72,0.6);} .search{flex:1;min-width:220px;padding:12px 16px;border-radius:12px;border:1px solid var(--edge);background:#ffffff;color:#0f172a;} .blog-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;} .article-hero{position:relative;border-radius:var(--radius-md);overflow:hidden;height:340px;margin-bottom:24px;background:#e5e7eb;} .article-hero img{width:100%;height:100%;object-fit:cover;} .article-body{background:#ffffff;border:1px solid var(--edge);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow);} .article-body h2,.article-body h3{margin-top:26px;margin-bottom:10px;} .article-body p{line-height:1.7;color:#4b5563;} .article-body ul{color:#4b5563;} .back-row{display:flex;gap:12px;align-items:center;margin-bottom:14px;} a:focus,button:focus,input:focus,.btn:focus,.chip:focus,.nav-toggle:focus{outline:3px solid var(--accent);outline-offset:2px;} .skip-to-content{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--text);padding:8px 16px;text-decoration:none;z-index:100;border-radius:0 0 4px 0;font-weight:600;} .skip-to-content:focus{top:0;}::selection{background-color:var(--accent);color:var(--text);} @media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}} @media (max-width:720px){.nav-bar{position:relative;gap:12px;} .nav-toggle{display:flex;} .nav-links{display:none;position:absolute;top:calc(100% + 12px);right:26px;left:26px;flex-direction:column;padding:18px;border-radius:18px;background:rgba(255,255,255,0.95);box-shadow:0 25px 60px rgba(15,23,42,0.15);z-index:5;} .nav-links a{padding:12px 14px;} .nav-bar > .btn{display:none;} body.nav-open{overflow:hidden;} body.nav-open .nav-links{display:flex;} body.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);} body.nav-open .nav-toggle span:nth-child(2){opacity:0;} body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);} .hero{min-height:480px;} .hero-content{padding:30px;} .section-head{flex-direction:column;align-items:flex-start;}}