/* assets/css/style.css - single custom stylesheet using CSS variables */
:root{
  --primary: #0d6efd;
  --accent: #7c3aed;
  --muted: #6c757d;
  --bg: #f8fafc;
  --card: #ffffff;
  --radius: 12px;
  --glass: rgba(255,255,255,0.6);
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial; background:var(--bg); color:#111;}
.site-header{background:linear-gradient(90deg,var(--primary),var(--accent)); color:#fff}
.site-title{font-weight:700; font-size:1.2rem}
.hero-vector{max-width:160px; opacity:0.95}
.card-hover{transition:transform .18s ease, box-shadow .18s ease}
.card-hover:hover{transform:translateY(-6px); box-shadow:0 10px 30px rgba(16,24,40,0.08)}
.progress-bar{background:linear-gradient(90deg,var(--accent),var(--primary))}
img.img-fluid{border-radius:12px}
.btn-primary{background:var(--primary); border:0}
.btn-success{background:#20c997; border:0}
.container{max-width:1100px}
.card{border-radius:var(--radius); background:var(--card);}
input, textarea{border-radius:8px}
footer{color:var(--muted)}
/* responsive */
@media (max-width:768px){ .hero-vector{display:none} }