@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
:root{
  --color-primary:#4F6FFF;
  --color-secondary:#00D4FF;
  --color-accent:#7B61FF;
  --bg:#F8FAFF;
  --text:#111827;
  --muted:#6B7280;
  --card:#FFFFFF;
  --border: rgba(79,111,255,0.12);
  --radius-lg:20px;
  --shadow-soft: 0 8px 24px rgba(17,24,39,0.06);
  --shadow-strong: 0 20px 40px rgba(17,24,39,0.08);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.8;
  font-weight:400;
}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
/* Typography */
h1,h2,h3,h4{margin:0 0 12px 0;font-weight:700;color:var(--text);line-height:1.2}
h1{font-size:2.2rem}
h2{font-size:1.6rem}
.lead{color:var(--muted);font-size:1rem}
/* Utility */
.row{display:flex;flex-wrap:wrap;gap:20px}
.col{flex:1 1 0}
.center{display:flex;align-items:center;justify-content:center}
.mt-8{margin-top:2rem}
.mb-8{margin-bottom:2rem}
/* Glass card */
.card{
  background:linear-gradient(180deg,rgba(255,255,255,0.6),rgba(255,255,255,0.55));
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow-soft);
  border:1px solid var(--border);
  padding:20px;
}
.section{
  padding:60px 0;
}
.section--light{background:transparent}
.section-title{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.section-title .subtitle{color:var(--muted);font-size:0.95rem}
.decor-underline{width:60px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));}
/* Footer base */
.footer{padding:60px 0;background:linear-gradient(180deg,rgba(79,111,255,0.06),transparent)}
/* Links */
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}
/* Forms: keep structure but modernize */
input,textarea,select,button{font-family:inherit}
input,textarea,select{padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:rgba(255,255,255,0.6)}
/* Make images responsive */
img{max-width:100%;height:auto;display:block}
/* Floating utilities */
.float-illustration{position:relative}
.float-shape{position:absolute;pointer-events:none;}
/* Ensure existing IDs/classes preserved: no JS modifications */