@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--red:#ff2d2d;--blue:#1463ff;--orange:#ff8a00;--green:#15b86a;--black:#080a10}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:#111;background:#080a10}.fw-black{font-weight:900}.glass-nav{background:rgba(5,7,12,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-brand{letter-spacing:1px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:6px;border-radius:9px;background:linear-gradient(135deg,var(--red),var(--orange),var(--blue));box-shadow:0 0 22px rgba(255,45,45,.45)}
.hero{min-height:100vh;padding:130px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(255,45,45,.28),transparent 30%),radial-gradient(circle at 90% 25%,rgba(20,99,255,.28),transparent 32%),radial-gradient(circle at 55% 90%,rgba(21,184,106,.18),transparent 35%),#080a10}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,45,45,.04),rgba(255,138,0,.04),rgba(20,99,255,.04));pointer-events:none}.hero-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.25}.orb-red{width:280px;height:280px;background:var(--red);left:-100px;top:20%}.orb-blue{width:350px;height:350px;background:var(--blue);right:-140px;top:5%}.orb-green{width:240px;height:240px;background:var(--green);right:25%;bottom:-120px}.eyebrow,.section-heading>span{font-size:.75rem;font-weight:900;letter-spacing:2px;color:#ff9a9a}.pulse-dot{display:inline-block;width:8px;height:8px;background:#ff3b3b;border-radius:50%;margin-right:8px;box-shadow:0 0 0 0 rgba(255,59,59,.7);animation:pulse 1.5s infinite}.gradient-text{background:linear-gradient(90deg,#ff3b3b,#ff9b24,#2674ff,#20ce79);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:300% 100%;animation:gradient 5s ease infinite}.hero h1{line-height:.96;letter-spacing:-3px;text-shadow:0 8px 35px rgba(0,0,0,.45)}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.45);transform:rotate(1deg);animation:float 5s ease-in-out infinite}.hero-card img{width:100%;height:260px;object-fit:cover}.card-badge{position:absolute;z-index:2;margin:18px;padding:7px 11px;border-radius:30px;background:var(--orange);color:#111;font-size:.68rem;font-weight:900}.mini-stats{display:flex;gap:28px}.mini-stats strong{display:block;color:#fff;font-size:1.4rem}.mini-stats span{font-size:.7rem;color:#87909e}.section-dark{background:#080a10;color:#fff}.section-heading h2{font-size:clamp(2rem,5vw,3.7rem);font-weight:900;letter-spacing:-2px;margin:.4rem 0}.section-heading h2 em{font-style:normal;background:linear-gradient(90deg,#ff4a4a,#ff9b2f,#3980ff,#23c979);-webkit-background-clip:text;color:transparent}.section-heading p{color:#8e98a8;max-width:650px}.petition-card{background:#f6f7f9;color:#12151c;border-radius:20px;overflow:hidden;height:100%;transition:.35s;box-shadow:0 12px 30px rgba(0,0,0,.15)}.petition-card:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(0,0,0,.35)}.petition-img{height:210px;overflow:hidden}.petition-img img{width:100%;height:100%;object-fit:cover;transition:.5s}.petition-card:hover img{transform:scale(1.07)}.petition-card h3{font-weight:900;margin-top:10px}.petition-card p{color:#606977;font-size:.9rem;min-height:52px}.tag{font-size:.65rem;font-weight:900;letter-spacing:1px;padding:6px 9px;border-radius:5px}.tag-red{background:#ffe1e1;color:#d41515}.tag-green{background:#d9f7e8;color:#087c45}.tag-blue{background:#dce8ff;color:#1254c8}.progress{height:7px;background:#dfe3e8;border-radius:20px}.progress-bar{background:linear-gradient(90deg,var(--red),var(--orange))}.how-section{background:linear-gradient(120deg,#10131b,#121827);color:#fff}.step{height:100%;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04);position:relative}.step>b{color:#ff5252;font-size:.75rem}.step i{display:block;font-size:2rem;margin:25px 0 15px;background:linear-gradient(135deg,var(--red),var(--blue),var(--green));-webkit-background-clip:text;color:transparent}.step p{color:#8e98a8;font-size:.9rem}.create-section{background:linear-gradient(135deg,#fff,#eef3ff)}.check-list{list-style:none;padding:0}.check-list li{margin:13px 0;font-weight:700}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:10px;border-radius:50%;background:var(--green);color:#fff}.petition-form{background:#0d1119;border-radius:24px;padding:30px;color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.2)}.petition-form label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.petition-form label span{color:#7e8795;text-transform:none}.form-control{border:1px solid #d6dae1;border-radius:10px;padding:12px 14px}.petition-form .form-control{background:#151a24;border-color:#2a3240;color:#fff}.petition-form .form-control::placeholder{color:#70798a}.glow-btn{box-shadow:0 8px 25px rgba(255,45,45,.25)}.update-timeline{border-left:2px solid #252c39;padding-left:25px}.update{position:relative;padding:0 0 28px}.update:before{content:"";position:absolute;left:-33px;top:2px;width:13px;height:13px;background:linear-gradient(135deg,var(--red),var(--blue));border-radius:50%;box-shadow:0 0 0 5px #080a10}.update>span{font-size:.68rem;color:#ff7777;font-weight:900}.update h4{margin:4px 0;font-weight:800}.update p{color:#8993a3;margin:0}.footer{background:#05070b;color:#fff;border-top:1px solid #171c26}.sign-modal{background:#0d1119;color:#fff;border:1px solid #2a3240;border-radius:20px}.btn-danger{background:linear-gradient(90deg,#ff2d2d,#ff5b24);border:0;font-weight:800}@keyframes gradient{0%,100%{background-position:0%}50%{background-position:100%}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(255,59,59,0)}}@keyframes float{50%{transform:translateY(-9px) rotate(1deg)}}@media(max-width:767px){.hero{padding-top:115px}.hero h1{font-size:3.25rem;letter-spacing:-2px}.mini-stats{gap:16px}.mini-stats strong{font-size:1.1rem}.hero-card{transform:none}.petition-form{padding:20px}.section-heading h2{letter-spacing:-1px}}
.flash{animation:flash .45s ease}@keyframes flash{0%{opacity:.25;transform:scale(.98)}100%{opacity:1;transform:scale(1)}}