.mobile-cta-bar{display:none}@media(max-width:768px){.mobile-cta-bar{display:flex!important}}
:root{--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-blue:linear-gradient(135deg,#00B4F0 0%,#3A4EA7 100%);--gradient-orange:linear-gradient(135deg,#FF8A3D 0%,#FF6B1A 100%);--gradient-light:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);--gradient-card:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%);--shadow-soft:0 4px 20px rgba(58,78,167,0.08);--shadow-medium:0 10px 40px rgba(58,78,167,0.12);--shadow-strong:0 20px 60px rgba(58,78,167,0.18)}
.hero-inner{position:relative;overflow:hidden}.hero-inner::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,180,240,0.15) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.hero-inner::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,138,61,0.12) 0%,transparent 70%);animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}
.referral-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-top:3rem}.referral-stat{background:var(--gradient-card);border-radius:24px;padding:2rem 1.5rem;text-align:center;box-shadow:var(--shadow-soft);border:2px solid transparent;background-clip:padding-box;position:relative;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:hidden}.referral-stat::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;padding:2px;background:var(--gradient-blue);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity 0.4s ease}.referral-stat:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-strong)}.referral-stat:hover::before{opacity:1}.referral-stat strong{display:block;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2.5rem;margin-bottom:0.75rem;font-weight:900;letter-spacing:-0.02em}.referral-stat span{display:block;color:#64748b;font-size:0.95rem;line-height:1.5;font-weight:500}
.referral-copy-section{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 50%,#f0f9ff 100%);padding:5rem 0;position:relative}.referral-copy-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:2.5rem;align-items:start}.referral-copy-card,.referral-seo-card{background:#fff;border-radius:28px;padding:2.5rem;border:1px solid #e2e8f0;box-shadow:var(--shadow-soft);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.referral-copy-card::before,.referral-seo-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-blue);transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.referral-copy-card:hover,.referral-seo-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-medium);border-color:#cbd5e1}.referral-copy-card:hover::before,.referral-seo-card:hover::before{transform:scaleX(1)}.referral-copy-card img,.referral-seo-card img{border-radius:20px;transition:transform 0.4s ease}.referral-copy-card:hover img,.referral-seo-card:hover img{transform:scale(1.05)}
.referral-seo-list{display:grid;gap:1rem;margin-top:1.5rem}.referral-seo-list div{padding:1rem 1.25rem;border-radius:16px;background:var(--gradient-light);border:1px solid #bfdbfe;font-weight:600;line-height:1.5;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;padding-left:2.5rem}.referral-seo-list div::before{content:'✓';position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#00B4F0;font-weight:900;font-size:1.1rem}.referral-seo-list div:hover{background:linear-gradient(135deg,rgba(0,180,240,0.15) 0%,rgba(58,78,167,0.15) 100%);border-color:#00B4F0;transform:translateX(8px);box-shadow:0 4px 12px rgba(0,180,240,0.2)}
.step-card-modern{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;border:1px solid #e2e8f0}.step-card-modern::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-blue);opacity:0;transition:opacity 0.4s ease;pointer-events:none}.step-card-modern:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-strong);border-color:transparent}.step-card-modern:hover::after{opacity:0.03}.step-card-modern img{transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.step-card-modern:hover img{transform:scale(1.1)}.step-number{background:var(--gradient-blue)!important;box-shadow:0 8px 20px rgba(0,180,240,0.3);transition:all 0.3s ease}.step-card-modern:hover .step-number{transform:scale(1.15) rotate(5deg);box-shadow:0 12px 30px rgba(0,180,240,0.4)}
.rewards-highlight-modern{background:var(--gradient-blue);border-radius:28px;padding:3.5rem 2.5rem;color:white;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,180,240,0.3)}.rewards-highlight-modern::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}.rewards-highlight-modern::after{content:'';position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:pulse 6s ease-in-out infinite reverse}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}}
.referral-form-modern{background:#fff;border-radius:28px;padding:3rem;box-shadow:var(--shadow-medium);border:1px solid #e2e8f0;position:relative;max-width:760px;margin:0 auto}.referral-form-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:var(--gradient-blue);border-radius:28px 28px 0 0}.referral-form-band{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:linear-gradient(135deg,rgba(58,78,167,0.18) 0%,rgba(0,180,240,0.28) 100%);padding:4rem 0;position:relative;margin-bottom:2rem}.referral-form-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,255,255,0.4),transparent 55%),radial-gradient(circle at bottom left,rgba(255,255,255,0.35),transparent 60%);pointer-events:none}@media(max-width:575px){.referral-form-band{padding:3rem 0}}.referral-form-modern form{padding-top:1rem}
.template-card-modern{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-soft);border:1px solid #e2e8f0;transition:all 0.3s ease;margin-bottom:1.5rem}.template-card-modern:hover{box-shadow:var(--shadow-medium);transform:translateY(-4px)}.template-content-modern{background:var(--gradient-light);border-radius:16px;padding:1.75rem;border-left:4px solid #00B4F0;border:1px solid #bfdbfe;position:relative}.social-template-modern{background:var(--gradient-light);border-radius:16px;padding:1.25rem;border:1px solid #bfdbfe;transition:all 0.3s ease;position:relative;overflow:hidden}.social-template-modern::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gradient-blue);transform:scaleY(0);transition:transform 0.3s ease}.social-template-modern:hover{border-color:#00B4F0;box-shadow:0 4px 12px rgba(0,180,240,0.15)}.social-template-modern:hover::before{transform:scaleY(1)}
.section-header-modern{text-align:center;max-width:800px;margin:0 auto 4rem}.section-header-modern h2{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.section{padding:5rem 0}.referral-program{padding:5rem 0}.cta-section{padding:4rem 0!important}
.referral-form-modern input,.referral-form-modern select,.referral-form-modern textarea{border:2px solid #e2e8f0;border-radius:12px;padding:0.75rem 1rem;font-size:0.95rem;transition:all 0.3s ease;background:#f8fafc}.referral-form-modern input:focus,.referral-form-modern select:focus,.referral-form-modern textarea:focus{border-color:#00B4F0;background:#fff;box-shadow:0 0 0 3px rgba(0,180,240,0.1);outline:none}.referral-form-modern label{font-weight:600;color:var(--primary-navy);margin-bottom:0.4rem;font-size:0.875rem;display:block}.referral-form-modern .form-group{margin-bottom:0}.referral-form-modern .row{gap:0rem!important}.referral-form-modern .row.justify-content-center>[class*="col-"]{flex:0 0 100%;max-width:100%}.referral-form-modern .row.justify-content-center>.col-md-10{max-width:720px;margin:0 auto}.referral-form-modern h3{margin-bottom:1.5rem!important}.referral-form-modern #step-1 .col-12.text-center,.referral-form-modern #step-2 .col-12.text-center{margin-top:1.5rem!important}.referral-form-modern textarea{resize:vertical;min-height:100px}.referral-form-modern select#captcha_referral{max-width:200px;margin:0.5rem auto 1rem;display:block}
.social-icon{width:46px;height:46px;min-width:46px;display:flex;align-items:center;justify-content:center;border-radius:16px;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:0 12px 28px rgba(15,118,190,0.22);margin-right:0;position:relative}.social-icon svg{width:20px;height:20px;fill:#fff;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.facebook-icon{background:#1877f2;color:white}.instagram-icon{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:white}.social-template-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:0.75rem}.social-template-header>div{display:flex;flex-direction:column;gap:0.15rem;padding-top:0.1rem}.social-template-header h4{margin:0;font-size:1.15rem;font-weight:700;color:var(--primary-navy);letter-spacing:-0.01em}.social-template-header span{display:block;font-size:0.87rem;color:#5b6b83;font-weight:600}.social-template-modern p{margin:0;color:#475569;line-height:1.7;font-size:0.95rem}
@media(max-width:991px){.referral-copy-grid{grid-template-columns:1fr}.referral-stat strong{font-size:2rem}.section{padding:3rem 0}.referral-program{padding:3rem 0}}
@media(max-width:767px){.referral-stats{grid-template-columns:repeat(3,1fr);gap:0.75rem}.referral-stat{padding:1.25rem 0.75rem}.referral-stat strong{font-size:1.5rem}.referral-stat span{font-size:0.8rem}}
@media(max-width:480px){.referral-stats{gap:0.5rem}.referral-stat{padding:1rem 0.5rem}.referral-stat strong{font-size:1.25rem;margin-bottom:0.5rem}.referral-stat span{font-size:0.75rem;line-height:1.3}}
.referral-program .steps-row{margin-bottom:4rem!important}.referral-program .rewards-row{margin-top:3rem!important;margin-bottom:3rem!important}.referral-program .form-row{margin-top:3rem!important}