:root{--bg:#fff;--text:#0f0f0f;--primary-yellow:#facc15;--primary-blue:#2563eb;--primary-red:#ef4444;--soft-gray:#f3f4f6}html,body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:500}a{color:var(--primary-blue);text-decoration:none}a:hover{opacity:.8}nav{background:#fff;border-bottom:1px solid #e5e7eb}.card{background:#fff;border:1px solid #eee;border-radius:12px;transition:all .2s}.card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000014}.btn{cursor:pointer;border-radius:10px;padding:10px 14px;font-weight:600;transition:all .2s}.btn-yellow{background:var(--primary-yellow);color:#000}.btn-yellow:hover{background:#eab308}.btn-blue{background:var(--primary-blue);color:#fff}.btn-blue:hover{background:#1d4ed8}.btn-red{background:var(--primary-red);color:#fff}.btn-red:hover{background:#dc2626}.badge{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.badge-yellow{color:#92400e;background:#fef9c3}.badge-blue{color:#1e40af;background:#dbeafe}.badge-red{color:#991b1b;background:#fee2e2}img{transition:transform .3s}img:hover{transform:scale(1.03)}h1,h2,h3{color:#111;letter-spacing:-.02em}.hero{background:linear-gradient(135deg,#fff,#fef9c3,#dbeafe)}.grid{gap:16px}