:root{--ink:#173944;--deep:#285f70;--blue:#35a9dc;--green:#97c51c;--yellow:#f9b531;--muted:#59717a;--bg:#f5f8f8;--border:#dbe6e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}.topbar{height:8px;background:linear-gradient(90deg,var(--blue) 0 34%,var(--green) 34% 67%,var(--yellow) 67%)}.shell{max-width:980px;margin:56px auto 60px;background:#fff;border:1px solid #e9eff0;box-shadow:0 22px 65px rgba(18,56,66,.08);border-radius:18px;overflow:hidden}.brandbar{display:flex;justify-content:center;align-items:center;gap:30px;padding:32px 24px 24px;border-bottom:1px solid var(--border)}.brand-slot{width:240px;height:128px;display:flex;align-items:center;justify-content:center;flex:0 1 240px}.brand-slot a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.brand-slot img{display:block;object-fit:contain;max-width:100%;max-height:100%}.brand-slot .commune-logo{width:124px;height:124px}.brand-slot .agora-logo{width:220px;height:auto}.brand-divider{width:1px;height:86px;background:#dce6e7}.hero{padding:64px 78px 66px;text-align:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--deep);margin:0 0 22px}.eyebrow span{padding:0 9px;color:#8aa0a8}h1{font-size:clamp(32px,5vw,53px);letter-spacing:-.035em;line-height:1.17;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--deep)}.subtitle{font-size:19px;margin:23px 0 26px;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:40px;background:#e9f4f7;color:#27677c;font-weight:750;font-size:14px}.status-dot{width:9px;height:9px;background:var(--blue);border-radius:50%}.lead{font-size:17px;max-width:690px;margin:30px auto 30px;color:#48636d}.survey-placeholder{max-width:560px;margin:0 auto;border:1px solid #cde1e6;background:#f6fafb;border-radius:13px;padding:20px 24px;display:flex;align-items:center;text-align:left;gap:17px}.survey-placeholder .clock{font-size:34px;color:var(--deep);line-height:1}.survey-placeholder strong,.survey-placeholder span{display:block}.survey-placeholder span{font-size:14px;color:var(--muted)}.details{background:#f8fafb;padding:45px 78px 50px;border-top:1px solid var(--border)}.section-title{display:flex;align-items:center;gap:15px}.line{width:5px;height:30px;background:var(--green);border-radius:5px}h2{font-size:23px;margin:0}.details p{color:#526a73;margin:16px 0 0}footer{text-align:center;padding:30px 35px 36px;border-top:1px solid var(--border)}footer p{margin:0 0 6px}footer small{color:#71878f}a{color:var(--deep)}@media(max-width:650px){.shell{margin:16px 12px 25px;border-radius:13px}.brandbar{gap:12px;padding:18px 10px}.brand-slot{width:43%;height:98px;flex:0 1 43%}.brand-slot .commune-logo{width:90px;height:90px}.brand-slot .agora-logo{width:100%;max-width:175px}.brand-divider{height:65px}.hero{padding:44px 23px 48px}.subtitle{font-size:17px}.lead{font-size:16px}.survey-placeholder{padding:16px;gap:12px}.details{padding:35px 25px}footer{padding:28px 20px}}