/*
Theme Name: Content Creator Labs
Theme URI: https://contentcreatorlabs.in/
Author: Aryan Khanna
Author URI: https://contentcreatorlabs.in/
Description: Single-file WordPress theme for Content Creator Labs with yellow, black, and white branding, WhatsApp CTAs, and creator registration flow.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: content-creator-labs
Tags: yellow, black, white, custom-logo, custom-menu, featured-images, one-column
*/

:root,
[data-theme="light"] {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);
  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);
  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --color-bg: #fffdf7; --color-surface: #ffffff; --color-surface-2: #fff7d6; --color-surface-offset: #f5f1df; --color-surface-dynamic: #efe3aa;
  --color-border: rgba(17, 17, 17, 0.12); --color-divider: rgba(17, 17, 17, 0.08);
  --color-text: #111111; --color-text-muted: #4d4d4d; --color-text-faint: #7b7b7b; --color-text-inverse: #ffffff;
  --color-primary: #f4c400; --color-primary-hover: #dbaf00; --color-primary-active: #b18d00; --color-primary-highlight: #fff0ab; --color-accent-dark: #0f0f0f;
  --radius-sm: 0.375rem; --radius-md: 0.75rem; --radius-lg: 1.25rem; --radius-xl: 1.75rem; --radius-full: 9999px;
  --shadow-sm: 0 4px 14px rgba(17, 17, 17, 0.06); --shadow-md: 0 10px 30px rgba(17, 17, 17, 0.1); --shadow-lg: 0 18px 48px rgba(17, 17, 17, 0.15);
  --transition-interactive: 180ms cubic-bezier(0.16, 1, 0.3, 1); --content-default: 1180px;
  --font-display: 'Arial', sans-serif; --font-body: 'Arial', sans-serif;
}
[data-theme="dark"] {
  --color-bg: #090909; --color-surface: #141414; --color-surface-2: #1b1b1b; --color-surface-offset: #202020; --color-surface-dynamic: #2b2b2b;
  --color-border: rgba(255, 255, 255, 0.12); --color-divider: rgba(255, 255, 255, 0.08);
  --color-text: #faf7ef; --color-text-muted: #d3cdbd; --color-text-faint: #9f998d; --color-text-inverse: #111111;
  --color-primary: #f4c400; --color-primary-hover: #ffd633; --color-primary-active: #ffe27a; --color-primary-highlight: #3a3006; --color-accent-dark: #f5f5f5;
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.24); --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.36); --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.44);
}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background:radial-gradient(circle at top right,var(--color-primary-highlight),transparent 25%),var(--color-bg)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none}input,select{width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:.95rem 1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.container{width:min(calc(100% - 2rem),var(--content-default));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px);background:rgba(255,253,247,.84);border-bottom:1px solid var(--color-divider)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:.9rem}.brand-mark{width:52px;height:52px;color:var(--color-text)}.brand-name{display:block;font-size:1.1rem;font-weight:800;line-height:1}.brand-tag{display:block;color:var(--color-text-muted);font-size:var(--text-xs);margin-top:.2rem}.desktop-nav{display:none;align-items:center;gap:1.4rem}.desktop-nav a{font-size:var(--text-sm);color:var(--color-text-muted)}.header-actions{display:flex;align-items:center;gap:.8rem}.theme-toggle{width:46px;height:46px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);display:grid;place-items:center;box-shadow:var(--shadow-sm)}.theme-icon-moon{display:none}[data-theme="dark"] .theme-icon-sun{display:none}[data-theme="dark"] .theme-icon-moon{display:inline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.9rem 1.3rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;transition:transform var(--transition-interactive),background var(--transition-interactive),color var(--transition-interactive),border-color var(--transition-interactive)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#111;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-offset)}.btn-block{width:100%}.btn-header{display:none}.hero{padding:clamp(var(--space-12),9vw,var(--space-24)) 0 var(--space-16)}.hero-grid{display:grid;gap:var(--space-10);align-items:center}.eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4)}.hero-copy h1,.section-heading h2,.split-layout h2,.section-accent h2,.register-section h2,.cta-band h2{font-size:var(--text-2xl);line-height:.98;max-width:13ch}.hero-copy p,.section-heading p,.split-layout p,.register-section p,.site-footer p{color:var(--color-text-muted);margin-top:var(--space-4);max-width:62ch}.hero-price-card{margin-top:var(--space-8);display:grid;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,var(--color-surface),var(--color-surface-2));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.price-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-faint);margin-bottom:var(--space-2)}.hero-price-card strong{font-size:clamp(2rem,1.4rem + 2vw,3rem);line-height:1}.hero-points{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-6)}.hero-points span,.check-list li{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);padding:.65rem 1rem;font-size:var(--text-sm)}.panel-screen{background:var(--color-accent-dark);color:var(--color-text-inverse);border-radius:2rem;padding:1rem;box-shadow:var(--shadow-lg)}.panel-head{display:flex;gap:.45rem;margin-bottom:1rem}.panel-head span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.35)}.growth-card{background:linear-gradient(160deg,rgba(244,196,0,.95),#ffe88b);color:#111;padding:var(--space-6);border-radius:1.5rem}.metric-label{font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.growth-steps{display:grid;gap:var(--space-4);margin:var(--space-5) 0 var(--space-6)}.growth-steps article{background:rgba(255,255,255,.58);border-radius:1.2rem;padding:var(--space-4)}.section{padding:clamp(var(--space-12),8vw,var(--space-20)) 0}.section-dark{background:var(--color-accent-dark);color:var(--color-text-inverse)}.section-dark .eyebrow,.section-dark p,.section-dark .feature-card p{color:rgba(255,255,255,.76)}.section-dark .feature-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.section-dark .featured-card{background:linear-gradient(145deg,rgba(244,196,0,.95),rgba(255,231,125,.92));color:#111}.section-dark .featured-card p{color:rgba(17,17,17,.82)}.section-heading{margin-bottom:var(--space-8)}.feature-grid{display:grid;gap:var(--space-4)}.feature-card,.benefit-item,.timeline article,.register-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-6);box-shadow:var(--shadow-sm)}.feature-card p,.benefit-item p,.timeline article p,.register-card p,.field label{margin-top:var(--space-3);color:var(--color-text-muted)}.split-layout,.register-grid{display:grid;gap:var(--space-8)}.benefit-stack,.timeline,.check-list{display:grid;gap:var(--space-4)}.section-accent{background:linear-gradient(180deg,var(--color-surface-2),transparent)}.timeline article span{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--color-primary);color:#111;font-weight:800;margin-bottom:var(--space-4)}.field{display:grid;gap:.55rem}.register-card{display:grid;gap:var(--space-4);background:linear-gradient(180deg,var(--color-surface),var(--color-surface-offset))}.form-note{font-size:var(--text-xs)}.check-list{list-style:none;margin-top:var(--space-5)}.cta-band-wrap{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start;justify-content:space-between;padding:var(--space-8);background:var(--color-accent-dark);color:var(--color-text-inverse);border-radius:2rem}.site-footer{padding:var(--space-8) 0;border-top:1px solid var(--color-divider)}.footer-wrap{display:flex;flex-direction:column;gap:var(--space-4)}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:var(--color-primary);color:#111;padding:.75rem 1rem;border-radius:var(--radius-md)}@media (min-width:768px){.btn-header,.desktop-nav{display:inline-flex}.hero-grid,.split-layout,.register-grid{grid-template-columns:1.1fr .9fr}.feature-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-band-wrap,.footer-wrap{flex-direction:row;align-items:center}}@media (min-width:1024px){.feature-grid{grid-template-columns:1fr 1.1fr 1fr}}@media (max-width:767px){.header-actions .btn-header{display:none}.brand-tag{display:none}}