.campaigns-page{min-height:100vh;background:var(--bg-color)}.campaigns-hero{background:linear-gradient(135deg,#4c63d2,#5a4fcf,#d63384,#dc2626,#2563eb);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden;min-height:40vh;display:flex;align-items:center;justify-content:center}.campaigns-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 60%);pointer-events:none;animation:campaignsGlow 12s ease-in-out infinite}.campaigns-hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.03) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);pointer-events:none;animation:campaignsShimmer 8s ease-in-out infinite}body:not(.dark) .campaigns-hero{background:linear-gradient(135deg,#4c63d2,#5a4fcf,#d63384,#dc2626,#2563eb)}body:not(.dark) .campaigns-hero:before{background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.15) 0%,transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.08) 0%,transparent 60%)}@media (max-width: 768px){.campaigns-hero{padding:60px 20px 40px;min-height:35vh}}@keyframes campaignsGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes campaignsShimmer{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.campaigns-hero-title{font-size:64px;font-weight:900;color:#fff;margin-bottom:25px;text-shadow:0 4px 20px rgba(0,0,0,.3),0 0 40px rgba(255,255,255,.1);position:relative;z-index:2;background:linear-gradient(135deg,#fff,#f0f0f0,#fff);-webkit-background-clip:text;background-clip:text;animation:titleGlow 3s ease-in-out infinite}@media (max-width: 768px){.campaigns-hero-title{font-size:42px;margin-bottom:20px}}.campaigns-hero-subtitle{font-size:22px;color:#fffffff2;max-width:700px;margin:0 auto;position:relative;z-index:2;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.6}@media (max-width: 768px){.campaigns-hero-subtitle{font-size:18px;max-width:90%}}@keyframes titleGlow{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.1);transform:scale(1.02)}}.campaigns-section{padding:80px 20px}@media (max-width: 768px){.campaigns-section{padding:60px 20px}}.campaigns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (min-width: 1400px){.campaigns-grid{grid-template-columns:repeat(3,1fr);gap:35px}}@media (max-width: 1399px) and (min-width: 1200px){.campaigns-grid{grid-template-columns:repeat(3,1fr);gap:30px}}@media (max-width: 1199px) and (min-width: 992px){.campaigns-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (max-width: 991px) and (min-width: 768px){.campaigns-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 767px){.campaigns-grid{grid-template-columns:1fr;gap:20px}}.campaign-card{background:var(--card-bg);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px #0000001a;text-decoration:none;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);height:100%}body:not(.dark) .campaign-card{background:linear-gradient(135deg,#fff,#f8f9ff);box-shadow:0 8px 30px #667eea26;border:2px solid rgba(102,126,234,.1)}.campaign-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0003}body:not(.dark) .campaign-card:hover{box-shadow:0 20px 50px #667eea40;border-color:#667eea4d}.campaign-card:hover .campaign-image img{transform:scale(1.1)}.campaign-card:hover .campaign-cta .arrow{transform:translate(-5px)}.campaign-image{position:relative;height:207px;overflow:hidden}.campaign-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.campaign-badge{position:absolute;top:20px;right:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:600;z-index:2;border:1px solid rgba(255,255,255,.2)}body:not(.dark) .campaign-badge{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;box-shadow:0 4px 15px #8b5cf666;border:1px solid rgba(255,255,255,.3)}.campaign-content{padding:30px;display:flex;flex-direction:column;flex-grow:1}.campaign-title{font-size:28px;font-weight:900;color:#fff;margin-bottom:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.6em;flex-shrink:0}body:not(.dark) .campaign-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}@media (max-width: 768px){.campaign-title{font-size:24px;height:2.6em}}.campaign-description{font-size:14px;color:#fffc;margin-bottom:15px;line-height:1.5;text-align:justify;text-justify:inter-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:4.5em;flex-shrink:0}body:not(.dark) .campaign-description{color:#5a67d8;opacity:.9}@media (max-width: 768px){.campaign-description{font-size:13px;margin-bottom:12px;height:4.5em}}.campaign-meta{display:flex;align-items:center;gap:15px;margin-bottom:20px;min-height:34px;flex-shrink:0}.campaign-discount{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 14px;border-radius:50px;font-size:14px;font-weight:700}body:not(.dark) .campaign-discount{box-shadow:0 4px 15px #667eea4d}.campaign-price{font-size:18px;font-weight:700;color:#fff}body:not(.dark) .campaign-price{color:#667eea;font-size:20px}.campaign-cta{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);font-size:16px;font-weight:600;color:#ba55d3;margin-top:auto;flex-shrink:0}body:not(.dark) .campaign-cta{border-top:2px solid rgba(102,126,234,.2);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.campaign-cta .arrow{transition:transform .3s ease}