/* Base Reset & CSS Variables */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
:root {
  --primary-color:#2563eb;
  --secondary-color:#3b82f6;
  --accent-color:#f97316;
  --light-color:#f8fafc;
  --dark-color:#1e293b;
  --gray-color:#64748b;
  --white-color:#ffffff;
  --radius-sm:5px;--radius-md:8px;--radius-lg:10px;
  --shadow-sm:0 2px 5px rgba(0,0,0,0.1);
  --shadow-md:0 5px 15px rgba(0,0,0,0.05);
  --shadow-lg:0 10px 25px rgba(0,0,0,0.2);
  --transition-base:0.3s;
  --gradient-hero:linear-gradient(135deg,var(--primary-color),var(--secondary-color));
  --skeleton-gradient:linear-gradient(110deg,#e2e8f0 8%,#f1f5f9 18%,#e2e8f0 33%);
  --spacing-section-y:5rem;
}
body { background-color:#f9fafb; color:var(--dark-color); line-height:1.6; }
a { text-decoration:none; }
a:hover,
a:focus { text-decoration:none; }
.container { width:100%; max-width:1200px; margin:0 auto; padding:0 0px; }
@media (max-width: 768px){
  .container { padding:0 18px; }
}