/*==================================================
COMMON STYLES (extracted from style.css)
This file contains shared styles used across pages.
==================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{

    --primary:#0F4C81;
    --secondary:#1E88E5;
    --accent:#00A99D;

    --success:#34C759;

    --dark:#0D1B2A;

    --text:#4A5568;

    --light:#F7FAFC;

    --white:#ffffff;

    --border:#E5E7EB;

    --shadow:0 20px 50px rgba(0,0,0,.08);

    --radius:18px;

    --transition:.35s ease;

}

/* Reset and base styles (copied from original style.css) */
*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{ scroll-behavior:smooth }

body{
  font-family:'Inter',sans-serif;
  font-size:16px;
  line-height:1.7;
  background:var(--white);
  color:var(--text);
  overflow-x:hidden;
}

img{ width:100%; display:block }

a{ text-decoration:none; color:inherit; transition:var(--transition) }
ul{ list-style:none }
button{ cursor:pointer; border:none; outline:none; font-family:'Inter',sans-serif }
section{ padding:100px 0; position:relative }
.container{ width:90%; max-width:1280px; margin:auto }

/* Typography */
h1{ font-size:64px; font-weight:800; line-height:1.1; color:var(--dark) }
h2{ font-size:46px; font-weight:700; line-height:1.2; color:var(--dark); margin-bottom:20px }
h3{ font-size:24px; font-weight:700; color:var(--dark); margin-bottom:15px }
p{ font-size:17px; color:var(--text) }

/* Buttons */
.btn-primary{ display:inline-flex; align-items:center; justify-content:center; padding:16px 34px; border-radius:50px; background:linear-gradient(135deg,var(--primary),var(--secondary)); color:#fff; font-weight:600; box-shadow:0 12px 30px rgba(15,76,129,.25); transition:.35s }
.btn-primary:hover{ transform:translateY(-5px) }
.btn-secondary{ display:inline-flex; align-items:center; justify-content:center; padding:16px 34px; border-radius:50px; border:2px solid var(--primary); color:var(--primary); font-weight:600; margin-left:15px; transition:.35s }
.btn-secondary:hover{ background:var(--primary); color:#fff }

/* Header */
header{ position:fixed; top:0; left:0; width:100%; z-index:999; background:rgba(255,255,255,.95); backdrop-filter:blur(15px); box-shadow:0 5px 25px rgba(0,0,0,.04) }
.navbar{ display:flex; align-items:center; justify-content:space-between; height:90px }
.logo img{ height:55px; width:auto }
.menu{ display:flex; gap:40px }
.menu li a{ font-weight:600; color:var(--dark); position:relative }
.menu li a:hover{ color:var(--secondary) }
.menu li a.active{ color:var(--secondary) }
.menu li a::after{ content:""; position:absolute; left:0; bottom:-8px; width:0; height:2px; background:var(--secondary); transition:.3s }
.menu li a:hover::after{ width:100% }
.mobile-toggle{ display:none; font-size:28px; cursor:pointer }

/* Utility and other shared styles (kept concise) */
.text-center{ text-align:center }
.mt-30{ margin-top:30px }
.mt-50{ margin-top:50px }
.mb-30{ margin-bottom:30px }
.mb-50{ margin-bottom:50px }
.py-100{ padding:100px 0 }
.d-flex{ display:flex }
.align-center{ align-items:center }
.justify-center{ justify-content:center }
.justify-between{ justify-content:space-between }
.w-100{ width:100% }

/* End of common.css */