/* Fitness Influencer - Video Hero & Workout Tracker Style */
:root{--primary:#FF4655;--secondary:#FFB800;--dark:#0A0E27;--gray:#8B92A7;--light:#F4F7FC;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--dark);color:#fff;line-height:1.6;}

/* Video Hero */
.hero-video{position:relative;height:100vh;overflow:hidden;}
.hero-video video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(10,14,39,0.85),rgba(255,70,85,0.6));display:flex;align-items:center;justify-content:center;z-index:2;}
.hero-content{text-align:center;max-width:900px;padding:0 30px;}
.profile-badge{position:relative;width:140px;height:140px;margin:0 auto 30px;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--primary),var(--secondary));}
.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--dark);}
.verified-badge{position:absolute;bottom:5px;right:5px;width:35px;height:35px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.2rem;border:3px solid var(--dark);}
.hero-content h1{font-size:5rem;margin-bottom:15px;font-weight:900;letter-spacing:-2px;text-shadow:0 4px 20px rgba(0,0,0,0.5);}
.tagline{font-size:1.5rem;margin-bottom:50px;opacity:0.95;}
.hero-stats{display:flex;gap:60px;justify-content:center;margin-bottom:50px;}
.stat-box{text-align:center;}
.stat-box strong{display:block;font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-box span{font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;opacity:0.9;}
.cta-hero{display:inline-block;padding:20px 60px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;font-size:1.3rem;font-weight:700;border-radius:50px;box-shadow:0 10px 40px rgba(255,70,85,0.4);transition:transform 0.3s,box-shadow 0.3s;}
.cta-hero:hover{transform:translateY(-3px);box-shadow:0 15px 50px rgba(255,70,85,0.6);}

/* About Split */
.about-split{display:grid;grid-template-columns:1fr 1.3fr;min-height:600px;background:#fff;color:var(--dark);}
.about-image{background-size:cover;background-position:center;}
.about-content{padding:100px 80px;display:flex;flex-direction:column;justify-content:center;}
.label{display:block;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:0.85rem;margin-bottom:20px;}
.about-content h2{font-size:3.5rem;margin-bottom:30px;font-weight:900;line-height:1.2;color:var(--dark);}
.about-content p{font-size:1.2rem;line-height:1.8;color:var(--gray);margin-bottom:25px;}
.credentials-inline{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px;}
.cred-badge{padding:10px 20px;background:var(--light);color:var(--dark);border-radius:30px;font-size:0.9rem;font-weight:700;}

/* Programs Section */
.programs-section{padding:100px 60px;background:var(--dark);}
.programs-header{text-align:center;margin-bottom:80px;}
.programs-header h2{font-size:4rem;margin-bottom:20px;font-weight:900;}
.programs-header p{font-size:1.3rem;opacity:0.8;}
.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto;}
.program-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:20px;padding:50px 40px;text-align:center;position:relative;transition:transform 0.3s,border-color 0.3s,background 0.3s;}
.program-card:hover{transform:translateY(-10px);border-color:var(--primary);background:rgba(255,70,85,0.1);}
.program-card.featured{border-color:var(--primary);background:linear-gradient(135deg,rgba(255,70,85,0.15),rgba(255,184,0,0.1));}
.featured-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--secondary));padding:8px 25px;border-radius:30px;font-size:0.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1px;}
.program-icon{font-size:4rem;margin-bottom:25px;}
.program-card h3{font-size:2rem;margin-bottom:20px;font-weight:700;}
.program-card p{color:var(--gray);margin-bottom:30px;line-height:1.8;}
.program-features{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;text-align:left;}
.feature{font-size:0.95rem;color:rgba(255,255,255,0.8);}
.program-price{font-size:3.5rem;font-weight:900;margin-bottom:30px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.program-price span{font-size:1.2rem;opacity:0.7;}
.btn-program{display:block;padding:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;text-decoration:none;border-radius:12px;font-weight:700;transition:transform 0.3s,box-shadow 0.3s;}
.btn-program:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(255,70,85,0.4);}

/* Transformation Section */
.transformation-section{padding:100px 60px;background:#fff;color:var(--dark);}
.section-header-center{text-align:center;margin-bottom:80px;}
.section-header-center h2{font-size:4rem;font-weight:900;color:var(--dark);}
.transformation-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1400px;margin:0 auto;}
.transformation-card{background:var(--light);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,0.08);transition:transform 0.3s,box-shadow 0.3s;}
.transformation-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0,0,0,0.15);}
.before-after{display:grid;grid-template-columns:1fr 1fr;height:350px;}
.image-compare{position:relative;overflow:hidden;}
.image-compare img{width:100%;height:100%;object-fit:cover;}
.label-ba{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,0.7);color:#fff;padding:6px 14px;border-radius:6px;font-size:0.8rem;font-weight:700;}
.transformation-details{padding:30px;}
.transformation-details h4{font-size:1.5rem;margin-bottom:15px;color:var(--dark);}
.transformation-details p{color:var(--gray);margin-bottom:20px;line-height:1.7;}
.transformation-stats{display:flex;gap:15px;flex-wrap:wrap;}
.transformation-stats span{padding:6px 14px;background:#fff;border-radius:20px;font-size:0.85rem;font-weight:700;color:var(--primary);box-shadow:0 2px 8px rgba(0,0,0,0.05);}

/* Content Feed */
.content-feed{padding:100px 60px;background:var(--dark);}
.feed-header{text-align:center;margin-bottom:80px;}
.feed-header h2{font-size:4rem;font-weight:900;}
.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1400px;margin:0 auto;}
.content-card{background:rgba(255,255,255,0.05);border-radius:16px;overflow:hidden;transition:transform 0.3s;}
.content-card:hover{transform:translateY(-5px);}
.content-thumbnail{position:relative;aspect-ratio:16/10;overflow:hidden;}
.content-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.content-card:hover .content-thumbnail img{transform:scale(1.05);}
.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(255,70,85,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;}
.duration{position:absolute;bottom:15px;right:15px;background:rgba(0,0,0,0.85);color:#fff;padding:6px 12px;border-radius:6px;font-size:0.85rem;font-weight:700;}
.category-badge{position:absolute;top:15px;left:15px;background:var(--primary);color:#fff;padding:6px 16px;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;}
.content-info{padding:25px;}
.content-info h3{font-size:1.5rem;margin-bottom:15px;line-height:1.4;}
.content-meta{display:flex;gap:20px;color:var(--gray);font-size:0.9rem;}

/* Newsletter Section */
.newsletter-section{padding:100px 60px;background:linear-gradient(135deg,var(--primary),var(--secondary));}
.newsletter-container{max-width:800px;margin:0 auto;text-align:center;}
.newsletter-container h2{font-size:3.5rem;margin-bottom:20px;font-weight:900;}
.newsletter-container p{font-size:1.3rem;margin-bottom:40px;opacity:0.95;}
.newsletter-form{display:flex;gap:15px;margin-bottom:30px;}
.newsletter-form input{flex:1;padding:18px 25px;border:none;border-radius:50px;font-size:1.1rem;}
.newsletter-form button{padding:18px 45px;background:var(--dark);color:#fff;border:none;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:transform 0.3s;}
.newsletter-form button:hover{transform:scale(1.05);}
.newsletter-proof{display:flex;gap:30px;justify-content:center;opacity:0.9;}
.newsletter-proof span{font-size:0.95rem;}

/* Footer */
.footer-fitness{padding:80px 60px 40px;background:#000;color:#fff;}
.footer-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2fr;gap:80px;margin-bottom:60px;}
.footer-brand h3{font-size:2rem;margin-bottom:20px;font-weight:900;}
.footer-brand p{color:var(--gray);margin-bottom:30px;line-height:1.8;}
.social-icons{display:flex;gap:20px;}
.social-icons a{color:#fff;text-decoration:none;padding:10px 20px;background:rgba(255,255,255,0.1);border-radius:8px;transition:background 0.3s;}
.social-icons a:hover{background:var(--primary);}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.footer-col h4{margin-bottom:20px;font-weight:700;}
.footer-col ul{list-style:none;}
.footer-col li{margin-bottom:12px;}
.footer-col a{color:var(--gray);text-decoration:none;transition:color 0.3s;}
.footer-col a:hover{color:var(--primary);}
.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,0.1);color:var(--gray);}

@media (max-width:1024px){
.programs-grid{grid-template-columns:1fr;}
.transformation-slider{grid-template-columns:1fr;}
.content-grid{grid-template-columns:1fr;}
.about-split{grid-template-columns:1fr;}
.footer-container{grid-template-columns:1fr;}
}

@media (max-width:768px){
.hero-content h1{font-size:3rem;}
.hero-stats{flex-direction:column;gap:30px;}
.about-content{padding:60px 30px;}
.newsletter-form{flex-direction:column;}
.newsletter-proof{flex-direction:column;gap:10px;}
}