:root{--bg:#F8FAFC;--text:#0F172A;--text-muted:#475569;--primary:#0F172A;--text-muted:#94A3B8;--primary:#1E3A6E;--accent:#10B981;--accent-glow:rgba(16, 185, 129, 0.6);--surface:rgba(15, 23, 42, 0.6);--border:rgba(255, 255, 255, 0.05);--glass:rgba(11, 31, 58, 0.7)}*,::after,::before{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);margin:0;padding:0;transition:var(--ease);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text);margin:0 0 1rem;line-height:1.2}h1{font-size:clamp(2.2rem, 5vw, 3.5rem);font-weight:800}h2{font-size:clamp(1.8rem, 4vw, 2.4rem);font-weight:700}a{color:var(--accent);text-decoration:none;transition:var(--ease)}a:hover{color:var(--accent-light)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:20px;padding:2rem;transition:var(--ease)}.card:hover{transform:translateY(-8px);border-color:rgba(16,185,129,.3);box-shadow:0 20px 40px rgba(0,0,0,.3)}.badge{display:inline-block;padding:.25rem .75rem;background:var(--accent-pale);color:var(--accent);font-weight:700;font-size:.75rem;border-radius:999px;text-transform:uppercase}.btn{display:inline-flex;align-items:center;padding:.8rem 1.8rem;border-radius:8px;font-weight:700;transition:var(--ease);cursor:pointer;border:none}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}[data-theme=dark] .btn-primary{background:var(--accent);color:#fff}.youtube-embed{position:relative;width:100%;padding-bottom:56.25%;margin:3rem 0;background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid var(--border)}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.youtube-placeholder{position:absolute;inset:0;background-size:cover;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--ease)}.youtube-placeholder::before{content:"";position:absolute;inset:0;background:rgba(15,23,42,.4);transition:var(--ease)}.youtube-placeholder:hover::before{background:rgba(15,23,42,.2)}.play-button{position:relative;z-index:10;width:80px;height:80px;transform:scale(1.15);background:var(--accent)}.youtube-placeholder:hover .play-button svg{color:#fff}