/* =================================== Content Page Styles =================================== */ .page-header{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px var(--container-padding) 60px;background:radial-gradient(ellipse at 50% 0%,var(--color-burgundy) 0%,transparent 50%),var(--color-black);}.page-header-content{max-width:700px;}.page-tagline{font-family:var(--font-display);font-size:1rem;font-weight:300;font-style:italic;letter-spacing:0.3em;color:var(--color-gold);margin-bottom:15px;opacity:0;animation:fadeInUp 0.8s ease 0.1s forwards;}.page-title{font-family:var(--font-display);font-size:clamp(2.5rem,7vw,5rem);font-weight:300;letter-spacing:0.1em;margin-bottom:25px;opacity:0;animation:fadeInUp 0.8s ease 0.2s forwards;}.page-divider{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px;opacity:0;animation:fadeInUp 0.8s ease 0.3s forwards;}.page-subtitle{font-size:1rem;font-weight:300;letter-spacing:0.15em;color:var(--color-white-muted);opacity:0;animation:fadeInUp 0.8s ease 0.4s forwards;}.content-intro{padding:60px var(--container-padding);background-color:var(--color-black);border-bottom:1px solid var(--color-charcoal);}.content-intro-inner{max-width:700px;margin:0 auto;text-align:center;}.content-intro p{font-size:1.05rem;line-height:1.8;color:var(--color-white-muted);}.creators-section{padding:var(--section-padding) var(--container-padding);background-color:var(--color-black);}.creators-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;}.creator-card{background-color:var(--color-black-light);border:1px solid var(--color-charcoal);overflow:hidden;transition:all var(--transition-medium);}.creator-card:hover{border-color:var(--color-gold-dark);transform:translateY(-5px);}.creator-preview{position:relative;}.preview-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:3px;background-color:var(--color-charcoal);}.preview-main{grid-column:1;grid-row:1 / 3;position:relative;aspect-ratio:4/5;overflow:hidden;cursor:pointer;}.preview-main img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.creator-card:hover .preview-main img{transform:scale(1.05);}.preview-small{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;}.preview-small img{transition:transform var(--transition-slow);}.preview-small:hover img{transform:scale(1.05);}.preview-small img{width:100%;height:100%;object-fit:cover;}.preview-small:has(.preview-overlay.locked) img{filter:blur(8px) brightness(0.7);transform:scale(1.2);}/* IMPORTANT:For real locked content,use one of these approaches:Option A (Recommended):Use completely different "teaser" images - Create heavily cropped or silhouette versions - These have no value even if someone downloads them Option B:Use tiny thumbnails (50x50px max) then blur - The original is so small that even unblurred it's useless - Change your image URLs to:?w=50&h=50&fit=crop&q=10 Option C:Server-side watermarking - Requires backend code to overlay watermarks on all preview images */ .preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(10,10,10,0.3);opacity:0;transition:opacity var(--transition-fast);}.preview-main:hover .preview-overlay{opacity:1;}.preview-icon{font-size:1.5rem;color:var(--color-gold);}.preview-overlay.locked{background:rgba(10,10,10,0.7);opacity:1;}.preview-overlay.locked svg{color:var(--color-gold);opacity:0.8;}.creator-info{padding:25px;}.creator-name{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:0.08em;margin-bottom:8px;color:var(--color-white);}.creator-desc{font-size:0.9rem;color:var(--color-white-muted);margin-bottom:15px;}.creator-stats{display:flex;align-items:center;gap:10px;font-size:0.8rem;letter-spacing:0.1em;color:var(--color-gold);opacity:0.8;}.pricing-section{padding:var(--section-padding) var(--container-padding);background:radial-gradient(ellipse at 50% 0%,var(--color-burgundy) 0%,transparent 50%),var(--color-black);text-align:center;border-top:1px solid var(--color-charcoal);}.pricing-inner{max-width:1100px;margin:0 auto;}.pricing-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:300;letter-spacing:0.08em;margin-bottom:10px;}.pricing-subtitle{font-size:1rem;color:var(--color-white-muted);margin-bottom:50px;letter-spacing:0.05em;}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.pricing-card{position:relative;background-color:var(--color-black-light);border:1px solid var(--color-charcoal);padding:35px 25px;text-align:center;transition:all var(--transition-medium);}.pricing-card:hover{border-color:var(--color-gold-dark);transform:translateY(-5px);}.pricing-card.featured{border-color:var(--color-gold);background:linear-gradient(180deg,rgba(201,169,98,0.08) 0%,transparent 40%),var(--color-black-light);}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background-color:var(--color-gold);color:var(--color-black);font-size:0.65rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;padding:5px 18px;white-space:nowrap;}.pricing-label{font-family:var(--font-display);font-size:1.3rem;font-weight:400;letter-spacing:0.08em;color:var(--color-white);margin-bottom:15px;}.pricing-price{font-family:var(--font-display);font-size:2.5rem;font-weight:300;color:var(--color-gold);margin-bottom:12px;letter-spacing:0.03em;}.pricing-desc{font-size:0.85rem;color:var(--color-white-muted);line-height:1.6;margin-bottom:25px;min-height:40px;}.pricing-features{list-style:none;padding:0;margin:0;border-top:1px solid var(--color-charcoal);padding-top:20px;}.pricing-features li{font-size:0.8rem;letter-spacing:0.08em;color:var(--color-white-muted);padding:8px 0;}.pricing-features li::before{content:"◆ ";color:var(--color-gold);font-size:0.55rem;margin-right:6px;vertical-align:middle;}.pricing-card.featured .pricing-features li{color:var(--color-white);}@media (max-width:1000px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:20px;}}@media (max-width:550px){.pricing-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto;}}.content-cta-section{padding:var(--section-padding) var(--container-padding);background:radial-gradient(ellipse at 50% 50%,var(--color-burgundy) 0%,transparent 60%),var(--color-black-light);text-align:center;}.content-cta-inner{max-width:600px;margin:0 auto;}.cta-decoration{color:var(--color-gold);font-size:0.8rem;letter-spacing:1em;margin-bottom:30px;opacity:0.6;}.content-cta-heading{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:300;margin-bottom:20px;}.content-cta-text{font-size:1rem;line-height:1.8;color:var(--color-white-muted);margin-bottom:40px;}.whatsapp-btn.large{padding:20px 50px;font-size:0.95rem;}.whatsapp-btn.large svg{width:26px;height:26px;}.nav-links a.active{color:var(--color-gold);}.nav-links a.active::after{width:100%;}@media (max-width:768px){.creators-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;}.creator-info{padding:20px;}}@media (max-width:400px){.creators-grid{grid-template-columns:1fr;}}