@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--navy:#0c1b33;--navy-90:#0c1b33e6;--navy-50:#0c1b3380;--navy-15:#0c1b3326;--navy-08:#0c1b3314;--navy-04:#0c1b330a;--azure:#1565c0;--azure-light:#42a5f5;--cerulean:#0288d1;--ice:#e3f2fd;--ice-deep:#bbdefb;--frost:#f4f8fc;--white:#fff;--accent-warm:#ff6b35;--accent-mint:#00bfa5;--success:#2e7d32;--danger:#c62828;--text-hero:#0c1b33;--text-body:#37474f;--text-caption:#78909c;--text-ghost:#0c1b330a;--font-display:"Outfit", sans-serif;--font-body:"DM Sans", sans-serif;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--radius:20px;--radius-sm:14px;--radius-xs:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:3px solid var(--azure);outline-offset:3px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{font-family:var(--font-body);color:var(--text-body);min-height:100vh}.topnav{background:var(--navy);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 40px;display:flex;position:sticky;top:0}.topnav__brand{align-items:center;gap:12px;display:flex}.topnav__back{border-radius:var(--radius-xs);color:#ffffff80;width:36px;height:36px;transition:all .3s var(--ease-out-expo);justify-content:center;align-items:center;display:flex}.topnav__back:hover{color:var(--white);background:#ffffff1a}.topnav__back svg{width:20px;height:20px}.topnav__logo-img{filter:brightness(0)invert();width:auto;height:34px}.topnav__title{font-family:var(--font-display);color:var(--white);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.topnav__links{align-items:center;gap:4px;display:flex}.topnav__link{font-family:var(--font-display);color:#fff9;transition:all .3s var(--ease-out-expo);border-radius:100px;padding:6px 18px;font-size:.8125rem;font-weight:500}.topnav__link:hover{color:var(--white)}.topnav__link--active{color:var(--white);background:#ffffff1f;font-weight:600}.topnav__right{align-items:center;display:flex}.topnav__datetime{text-align:right;font-family:var(--font-display);font-variant-numeric:tabular-nums}.topnav__time{color:var(--white);letter-spacing:-.03em;font-size:1rem;font-weight:700}.topnav__date{color:#ffffff80;text-transform:uppercase;letter-spacing:.06em;font-size:.625rem}.page-header{background:var(--navy);padding:40px;position:relative;overflow:hidden}.page-header:before{content:"";background:var(--page-header-gradient,radial-gradient(ellipse 40% 60% at 20% 50%, #1565c026 0%, transparent 70%), radial-gradient(ellipse 30% 50% at 80% 30%, #00bfa51a 0%, transparent 70%));pointer-events:none;position:absolute;inset:0}.page-header__inner{max-width:1200px;margin:0 auto;position:relative}.page-header__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--white);margin-bottom:4px;font-size:2.25rem;font-weight:800}.page-header__desc{color:#ffffff8c;margin-bottom:28px;font-size:.875rem}.subnav{background:#ffffff14;border-radius:100px;align-items:center;gap:4px;width:fit-content;padding:4px;display:flex}.subnav__tab{font-family:var(--font-display);color:#ffffff80;cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;border-radius:100px;padding:8px 20px;font-size:.8125rem;font-weight:500}.subnav__tab:hover{color:var(--white)}.subnav__tab--active{background:var(--white);font-weight:600;box-shadow:0 2px 12px #00000026;color:var(--navy)!important}.section-bar{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-bar__title{font-family:var(--font-display);color:var(--navy);font-size:1.125rem;font-weight:700}.section-bar__badge{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-caption);background:var(--navy-08);border-radius:100px;padding:4px 12px;font-size:.625rem;font-weight:600}.section-header{margin-bottom:32px}.section-header--center{text-align:center}.section-header__badge{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--azure);background:var(--ice);border-radius:100px;margin-bottom:12px;padding:5px 14px;font-size:.6875rem;font-weight:600;display:inline-block}.section-header__title{font-family:var(--font-display);color:var(--navy);letter-spacing:-.03em;margin-bottom:8px;font-size:1.75rem;font-weight:800}.section-header__desc{color:var(--text-caption);max-width:440px;margin:0 auto;font-size:.875rem;line-height:1.6}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--navy-08);margin-bottom:24px;padding:20px}.card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card__title{font-family:var(--font-display);color:var(--navy);font-size:.9375rem;font-weight:700}.card__badge{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-caption);background:var(--navy-04);border-radius:100px;padding:4px 12px;font-size:.625rem;font-weight:600}.card__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card__counter{font-family:var(--font-display);color:var(--navy);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;display:flex}.card__label{font-family:var(--font-display);color:var(--navy);font-size:.8125rem;font-weight:600}.card__filters{align-items:center;gap:12px;display:flex}.card__filter{color:var(--text-caption);background:var(--frost);border-radius:var(--radius-xs);padding:6px 12px;font-size:.6875rem}.card__filter label{margin-right:4px;font-weight:600}.card__legend{gap:16px;margin-bottom:12px;display:flex}.card__legend-item{color:var(--text-caption);align-items:center;gap:6px;font-size:.6875rem;display:flex}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot--green{background:#22c55e}.dot--orange{background:#f97316}.dot--blue{background:#3b82f6}.map{border-radius:var(--radius-sm);z-index:1;height:380px;overflow:hidden}.map--small{height:220px}.map--large{height:450px}.map--xlarge{height:520px}.map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.map-toolbar__buttons{background:var(--navy-04);border-radius:100px;gap:6px;padding:4px;display:flex}.map-toolbar__btn{font-family:var(--font-display);color:var(--text-caption);cursor:pointer;transition:all .3s var(--ease-out-expo);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;padding:7px 16px;font-size:.6875rem;font-weight:500;display:inline-flex}.map-toolbar__btn:hover{color:var(--navy)}.map-toolbar__btn--active{background:var(--navy);color:var(--white);box-shadow:0 2px 8px var(--navy-15)}.map-toolbar__btn svg{flex-shrink:0}.main-content{width:100%;max-width:1200px;margin:0 auto;padding:32px 40px 48px}.footer{background:var(--navy);padding:0}.footer__inner{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1200px;margin:0 auto;padding:48px 40px;display:flex}.footer__brand{align-items:center;gap:14px;display:flex}.footer__logo{filter:brightness(0)invert();opacity:.8;width:auto;height:36px}.footer__title{font-family:var(--font-display);color:var(--white);font-size:1.125rem;font-weight:700}.footer__subtitle{color:#fff6;font-size:.6875rem}.footer__cols{gap:64px;display:flex}.footer__col{flex-direction:column;gap:8px;display:flex}.footer__col-title{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:4px;font-size:.6875rem;font-weight:600}.footer__link{color:#fff9;font-size:.8125rem;transition:color .2s}.footer__link:hover{color:var(--white)}.footer__bottom{color:#ffffff59;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 40px;font-size:.6875rem;display:flex}.footer__badges{gap:8px;display:flex}.footer__badge{font-family:var(--font-display);color:#fff6;border:1px solid #ffffff1f;border-radius:100px;padding:4px 12px;font-size:.625rem;font-weight:600}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--navy-08);transition:box-shadow .3s var(--ease-out-expo), transform .3s var(--ease-out-expo);flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0c1b3314}.kpi-card__icon{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.kpi-card__icon--blue{background:var(--ice);color:var(--azure)}.kpi-card__icon--green{color:#2e7d32;background:#e8f5e9}.kpi-card__icon--orange{color:#e65100;background:#fff3e0}.kpi-card__icon--purple{color:#4527a0;background:#ede7f6}.kpi-card__icon--teal{color:#00897b;background:#e0f2f1}.kpi-card__value{font-family:var(--font-display);color:var(--navy);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1}.kpi-card__label{font-family:var(--font-display);color:var(--text-caption);letter-spacing:.01em;font-size:.75rem;font-weight:500}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=960px){.topnav{padding:0 24px}.topnav__links{display:none}.page-header,.main-content{padding:28px 24px 32px}.subnav{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.footer__inner{flex-direction:column;padding:36px 24px}.footer__bottom{text-align:center;flex-direction:column;gap:12px;padding:16px 24px}}@media (width<=600px){.topnav{height:56px;padding:0 16px}.topnav__logo-img{height:28px}.topnav__title{font-size:1rem}.page-header{padding:24px 16px 40px}.page-header__title{font-size:1.375rem}.main-content{padding:24px 16px}.map{height:280px}.map--large{height:320px}.map--xlarge{height:360px}.map--small{height:180px}.map-toolbar__buttons{width:100%}.map-toolbar__btn{flex:1;justify-content:center;padding:6px 8px;font-size:.625rem}.subnav__tab{padding:6px 12px;font-size:.6875rem}.section-header__title{font-size:1.375rem}.kpi-grid{grid-template-columns:1fr}.kpi-card__value{font-size:1.375rem}.footer__inner{padding:28px 16px}.footer__cols{flex-direction:column;gap:24px}.footer__bottom{padding:16px}.footer__badges{flex-wrap:wrap;justify-content:center}}.shimmer{background:linear-gradient(90deg, var(--navy-08) 25%, var(--navy-04) 50%, var(--navy-08) 75%);vertical-align:middle;background-size:200% 100%;border-radius:8px;width:80px;height:1em;animation:1.5s ease-in-out infinite shimmerMove;display:inline-block}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}.home{background:var(--white)}.hero{background:var(--navy);padding:80px 40px 100px;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__bg:before{content:"";background:radial-gradient(40% 40% at 25% 35%,#1565c040 0%,#0000 70%),radial-gradient(35% 50% at 75% 25%,#0288d12e 0%,#0000 70%),radial-gradient(30% 35% at 55% 75%,#00bfa51f 0%,#0000 70%),radial-gradient(25% 30% at 15% 80%,#42a5f51a 0%,#0000 70%);width:150%;height:150%;animation:20s ease-in-out infinite alternate heroMesh;position:absolute;top:-25%;left:-25%}.hero__bg:after{content:"";background:radial-gradient(30% 35% at 65% 55%,#1565c026 0%,#0000 70%),radial-gradient(40% 30% at 30% 65%,#00bfa51a 0%,#0000 70%);width:140%;height:140%;animation:25s ease-in-out infinite alternate heroMesh2;position:absolute;top:-20%;left:-20%}@keyframes heroMesh{0%{transform:translate(0)rotate(0)}33%{transform:translate(3%,-2%)rotate(1deg)}66%{transform:translate(-2%,3%)rotate(-.5deg)}to{transform:translate(1%,-1%)rotate(.5deg)}}@keyframes heroMesh2{0%{transform:translate(0)rotate(0)}50%{transform:translate(-3%,2%)rotate(-1deg)}to{transform:translate(2%,-2%)rotate(.5deg)}}.hero__content{text-align:center;max-width:720px;margin:0 auto;position:relative}.hero__eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--azure-light);opacity:0;animation:fadeUp .7s var(--ease-out-expo) .1s forwards;margin-bottom:20px;font-size:.6875rem;font-weight:600}.hero__title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--white);opacity:0;animation:fadeUp .7s var(--ease-out-expo) .2s forwards;margin-bottom:16px;font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.1}.hero__title span{background:linear-gradient(135deg, var(--azure-light), var(--accent-mint));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__desc{color:#fff9;opacity:0;max-width:520px;animation:fadeUp .7s var(--ease-out-expo) .3s forwards;margin:0 auto 32px;font-size:1rem;line-height:1.7}.hero__search{background:var(--white);opacity:0;max-width:560px;animation:fadeUp .7s var(--ease-out-expo) .4s forwards;border-radius:100px;align-items:center;gap:12px;margin:0 auto 16px;padding:6px 6px 6px 20px;display:flex;box-shadow:0 8px 32px #0003}.hero__search svg{width:20px;height:20px;color:var(--text-caption);flex-shrink:0}.hero__input{font-family:var(--font-body);color:var(--text-body);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.hero__input::placeholder{color:var(--text-caption)}.hero__search-btn{background:var(--azure);color:var(--white);font-family:var(--font-display);transition:all .3s var(--ease-out-expo);white-space:nowrap;border-radius:100px;padding:10px 24px;font-size:.8125rem;font-weight:600}.hero__search-btn:hover{background:var(--cerulean);transform:translateY(-1px)}.hero__tags{opacity:0;animation:fadeUp .7s var(--ease-out-expo) .5s forwards;flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hero__tag{font-size:.6875rem;font-family:var(--font-display);color:#ffffff80;cursor:pointer;border:1px solid #ffffff26;border-radius:100px;padding:5px 14px;transition:all .3s}.hero__tag:hover{color:var(--white);background:#ffffff14;border-color:#fff6}.hero__visual{opacity:0;width:260px;height:260px;animation:geoReveal 1s var(--ease-out-expo) .6s forwards;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.hero__ring{border-radius:50%;animation:30s linear infinite spin;position:absolute}.hero__ring--1{border:1.5px solid #ffffff14;width:260px;height:260px;top:0;left:0}.hero__ring--2{border:1.5px solid #42a5f526;width:180px;height:180px;animation-direction:reverse;top:40px;left:40px}.hero__ring--3{border:1.5px dashed #00bfa526;width:100px;height:100px;top:80px;left:80px}.hero__dot{background:var(--azure-light);border-radius:50%;position:absolute}.hero__dot--1{width:8px;height:8px;top:-4px;left:126px}.hero__dot--2{background:var(--accent-mint);width:6px;height:6px;bottom:40px;right:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes geoReveal{0%{opacity:0;transform:translateY(-50%)scale(.8)}to{opacity:1;transform:translateY(-50%)scale(1)}}.stats-bar{background:var(--white);border-bottom:1px solid var(--navy-08);z-index:10;margin-top:-40px;position:relative}.stats-bar__inner{background:var(--white);border-radius:var(--radius);max-width:1080px;box-shadow:0 4px 24px var(--navy-08);border:1px solid var(--navy-08);justify-content:space-between;align-items:center;margin:0 auto;padding:28px 40px;display:flex}.stat{align-items:center;gap:10px;display:flex}.stat__icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat__icon svg{width:22px;height:22px;color:var(--azure)}.stat__number{font-family:var(--font-display);color:var(--navy);letter-spacing:-.04em;font-size:1.5rem;font-weight:800}.stat__label{color:var(--text-caption);font-size:.6875rem}.stat__divider{background:var(--navy-08);width:1px;height:32px}.realtime{background:var(--frost);padding:64px 40px}.realtime__inner{max-width:1080px;margin:0 auto}.realtime__grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.realtime__item{text-align:center;background:var(--white);border-radius:var(--radius);border:1px solid var(--navy-08);transition:all .4s var(--ease-out-expo);opacity:0;animation:fadeUp .6s var(--ease-out-expo) forwards;padding:32px 20px}.realtime__item:first-child{animation-delay:.1s}.realtime__item:nth-child(2){animation-delay:.2s}.realtime__item:nth-child(3){animation-delay:.3s}.realtime__item:nth-child(4){animation-delay:.4s}.realtime__item:hover{box-shadow:0 12px 32px var(--navy-08);transform:translateY(-4px)}.realtime__circle{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.realtime__circle svg{width:28px;height:28px;color:var(--white)}.realtime__circle--blue{background:linear-gradient(135deg,#1565c0,#42a5f5)}.realtime__circle--orange{background:linear-gradient(135deg,#e65100,#ff8a65)}.realtime__circle--green{background:linear-gradient(135deg,#2e7d32,#66bb6a)}.realtime__circle--teal{background:linear-gradient(135deg,#00897b,#4db6ac)}.realtime__value{font-family:var(--font-display);color:var(--navy);letter-spacing:-.04em;margin-bottom:4px;font-size:2rem;font-weight:800}.realtime__label{color:var(--text-caption);font-size:.75rem;line-height:1.4}.home__main{max-width:1080px;margin:0 auto;padding:64px 40px}.categories{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.category-card{border-radius:var(--radius);cursor:pointer;border:1px solid var(--navy-08);background:var(--white);min-height:210px;transition:all .4s var(--ease-out-expo);opacity:0;animation:cardReveal .7s var(--ease-out-expo) forwards;flex-direction:column;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden}.category-card:first-child{animation-delay:.2s}.category-card:nth-child(2){animation-delay:.3s}.category-card:nth-child(3){animation-delay:.4s}.category-card:nth-child(4){animation-delay:.5s}.category-card:nth-child(5){animation-delay:.6s}.category-card:nth-child(6){animation-delay:.7s}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.category-card:hover{box-shadow:0 20px 48px var(--navy-15), 0 0 0 1px var(--azure-light);border-color:#0000;transform:translateY(-6px)}.category-card:active{transform:translateY(-2px)scale(.99)}.category-card:after{content:"";width:48px;height:3px;transition:width .4s var(--ease-out-expo);border-radius:0 0 3px;position:absolute;top:0;left:0}.category-card:hover:after{width:100%}.category-card--finance:after{background:var(--azure)}.category-card--environment:after{background:#1b5e20}.category-card--mobility:after{background:#4527a0}.category-card--parking:after{background:var(--cerulean)}.category-card--cleaning:after{background:var(--accent-mint)}.category-card--requests:after{background:var(--accent-warm)}.category-card__header{justify-content:space-between;align-items:flex-start;display:flex}.category-card__icon{border-radius:var(--radius-xs);width:52px;height:52px;transition:all .4s var(--ease-spring);justify-content:center;align-items:center;display:flex}.category-card:hover .category-card__icon{transform:scale(1.1)rotate(-3deg)}.category-card__icon svg{width:24px;height:24px;color:var(--white)}.category-card--finance .category-card__icon{background:linear-gradient(135deg,#1565c0,#42a5f5)}.category-card--environment .category-card__icon{background:linear-gradient(135deg,#2e7d32,#66bb6a)}.category-card--mobility .category-card__icon{background:linear-gradient(135deg,#4527a0,#7e57c2)}.category-card--parking .category-card__icon{background:linear-gradient(135deg,#0277bd,#29b6f6)}.category-card--cleaning .category-card__icon{background:linear-gradient(135deg,#00897b,#4db6ac)}.category-card--requests .category-card__icon{background:linear-gradient(135deg,#e65100,#ff8a65)}.category-card__arrow{width:36px;height:36px;color:var(--text-caption);opacity:0;transition:all .4s var(--ease-out-expo);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translate(-8px,4px)}.category-card__arrow svg{width:18px;height:18px}.category-card:hover .category-card__arrow{opacity:1;transform:translate(0)}.category-card__body{flex-direction:column;flex:1;justify-content:flex-end;gap:4px;display:flex}.category-card__label{font-family:var(--font-display);color:var(--navy);letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.category-card__desc{color:var(--text-caption);font-size:.8125rem;line-height:1.5}.category-card__stat{font-family:var(--font-display);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--navy-08);transition:all .5s var(--ease-out-expo);pointer-events:none;font-size:3rem;font-weight:800;line-height:1;position:absolute;bottom:16px;right:24px}.category-card:hover .category-card__stat{-webkit-text-stroke-color:var(--navy-15);transform:translateY(-4px)}.participate{background:var(--frost);padding:64px 40px}.participate__inner{max-width:1080px;margin:0 auto}.participate__grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.participate__card{border-radius:var(--radius);transition:all .4s var(--ease-out-expo);flex-direction:column;min-height:280px;padding:32px;display:flex;position:relative;overflow:hidden}.participate__card:before{content:"";opacity:.12;pointer-events:none;background:radial-gradient(circle at 80% 20%,#ffffff4d 0%,#0000 60%);position:absolute;inset:0}.participate__card:hover{transform:translateY(-6px);box-shadow:0 20px 48px #0003}.participate__card--green{background:linear-gradient(145deg,#2e7d32,#1b5e20)}.participate__card--blue{background:linear-gradient(145deg,#1565c0,#0d47a1)}.participate__card--orange{background:linear-gradient(145deg,#d84315,#bf360c)}.participate__top{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex;position:relative}.participate__icon{justify-content:center;align-items:center;width:44px;height:44px;display:flex}.participate__icon svg{color:#ffffffd9;width:28px;height:28px}.participate__badge{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:100px;padding:4px 12px;font-size:.5625rem;font-weight:700}.participate__title{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;margin-bottom:12px;font-size:1.5rem;font-weight:800;line-height:1.15;position:relative}.participate__desc{color:#ffffffb3;flex:1;margin-bottom:28px;font-size:.8125rem;line-height:1.6;position:relative}.participate__desc strong{color:var(--white);font-weight:600}.participate__btn{font-family:var(--font-display);color:var(--white);transition:all .3s var(--ease-out-expo);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1.5px solid #ffffff59;border-radius:100px;align-items:center;gap:8px;width:fit-content;padding:10px 22px;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.participate__btn svg{flex-shrink:0;width:14px;height:14px}.participate__btn:hover{background:#fff3;border-color:#fff9;transform:translateY(-1px)}.cta-banner{padding:0 40px}.cta-banner__inner{background:var(--navy);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:40px;max-width:1080px;margin:0 auto;padding:48px 56px;display:flex;position:relative;overflow:hidden}.cta-banner__inner:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 0%,#1565c033 0%,#0000 70%),radial-gradient(40% 60% at 100%,#00bfa51a 0%,#0000 70%);position:absolute;inset:0}.cta-banner__text{flex:1;position:relative}.cta-banner__eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-mint);margin-bottom:12px;font-size:.625rem;font-weight:600;display:block}.cta-banner__title{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;margin-bottom:8px;font-size:1.5rem;font-weight:800;line-height:1.2}.cta-banner__desc{color:#ffffff8c;max-width:480px;font-size:.8125rem;line-height:1.6}.cta-banner__actions{flex-direction:column;flex-shrink:0;gap:10px;display:flex;position:relative}.cta-banner__btn{font-family:var(--font-display);text-align:center;transition:all .3s var(--ease-out-expo);white-space:nowrap;border-radius:100px;padding:12px 28px;font-size:.8125rem;font-weight:600}.cta-banner__btn--primary{background:var(--azure-light);color:var(--white)}.cta-banner__btn--primary:hover{background:var(--white);color:var(--navy);transform:translateY(-2px)}.cta-banner__btn--secondary{color:#ffffffb3;border:1px solid #fff3}.cta-banner__btn--secondary:hover{border-color:var(--white);color:var(--white)}.digital{padding:64px 40px}.digital__inner{max-width:1080px;margin:0 auto}.digital__grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.digital__item{border-radius:var(--radius);border:1px solid var(--navy-08);background:var(--white);transition:all .3s var(--ease-out-expo);text-align:center;font-family:var(--font-display);color:var(--text-body);flex-direction:column;align-items:center;gap:12px;padding:24px 16px;font-size:.75rem;font-weight:600;display:flex}.digital__item:hover{box-shadow:0 8px 24px var(--navy-08);border-color:var(--azure-light);transform:translateY(-4px)}.digital__icon{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.digital__icon svg{width:22px;height:22px;color:var(--white)}.digital__icon--navy{background:var(--navy)}.digital__icon--blue{background:var(--azure)}.digital__icon--teal{background:#00897b}.digital__icon--green{background:#2e7d32}.digital__icon--orange{background:#e65100}.digital__icon--purple{background:#4527a0}@media (width<=960px){.hero{padding:56px 24px 80px}.hero__visual{display:none}.stats-bar__inner{flex-wrap:wrap;justify-content:center;gap:20px;padding:24px}.stat__divider{display:none}.realtime{padding:48px 24px}.realtime__grid{grid-template-columns:repeat(2,1fr)}.home__main{padding:48px 24px}.categories{grid-template-columns:repeat(2,1fr);gap:16px}.category-card{min-height:180px;padding:24px}.participate{padding:48px 24px}.participate__grid{grid-template-columns:1fr}.participate__card{min-height:auto}.cta-banner{padding:0 24px}.cta-banner__inner{text-align:center;flex-direction:column;padding:36px}.cta-banner__actions{flex-direction:row}.digital{padding:48px 24px}.digital__grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.hero{padding:56px 24px 80px}.hero__title{margin-bottom:20px;font-size:2rem;line-height:1.15}.hero__desc{margin-bottom:32px;font-size:.9375rem;line-height:1.7}.hero__eyebrow{margin-bottom:18px;font-size:.625rem}.hero__search{border-radius:var(--radius-sm);flex-direction:column;padding:12px}.hero__search svg{display:none}.hero__search-btn{border-radius:var(--radius-xs);width:100%;padding:12px}.hero__tags{gap:6px}.hero__tag{padding:4px 10px;font-size:.625rem}.stats-bar__inner{gap:16px;padding:20px 16px}.stat__number{font-size:1.125rem}.realtime{padding:36px 16px}.realtime__grid{grid-template-columns:repeat(2,1fr);gap:12px}.realtime__item{padding:20px 12px}.realtime__circle{width:48px;height:48px}.realtime__circle svg{width:22px;height:22px}.realtime__value{font-size:1.5rem}.home__main{padding:36px 16px}.categories{grid-template-columns:1fr 1fr;gap:12px}.category-card{gap:14px;min-height:140px;padding:20px}.category-card__icon{width:42px;height:42px}.category-card__icon svg{width:20px;height:20px}.category-card__label{font-size:.9375rem}.category-card__desc,.category-card__stat,.category-card__arrow{display:none}.participate{padding:36px 16px}.participate__card{min-height:auto;padding:24px}.participate__title{font-size:1.25rem}.cta-banner{padding:0 16px}.cta-banner__inner{padding:28px 20px}.cta-banner__title{font-size:1.125rem}.cta-banner__actions{flex-direction:column;width:100%}.cta-banner__btn{width:100%}.digital{padding:36px 16px}.digital__grid{grid-template-columns:repeat(3,1fr);gap:10px}.digital__item{padding:16px 8px;font-size:.6875rem}.digital__icon{width:36px;height:36px}.digital__icon svg{width:18px;height:18px}}@media (width<=380px){.categories{grid-template-columns:1fr}.category-card{flex-direction:row;align-items:center;gap:14px;min-height:auto}.category-card__body{justify-content:center}.category-card:after{border-radius:0 3px 3px 0;width:3px;height:48px;top:50%;left:0;transform:translateY(-50%)}.category-card:hover:after{width:3px;height:100%}.realtime__grid{grid-template-columns:1fr}.digital__grid{grid-template-columns:repeat(2,1fr)}}