:root{
  --navy: #1a2a4d;
  --gold: #d4af37;
  --light: #f5f5f5;
  --text: #333;
  --white: #ffffff;
  --success: #2e7d32;
  --danger: #c62828;
}

*{box-sizing:border-box; margin:0; padding:0;}
body{font-family: 'Arial', sans-serif; color:var(--text); line-height:1.7; background:#fff; font-size:16px;}
.container{max-width:1200px; margin:0 auto; padding:0 6%;}
a{color:var(--navy); text-decoration:none;}
a:hover{color:var(--gold);}
h1, h2, h3, h4{color:var(--navy); margin-bottom:20px; line-height:1.3;}
h1{font-size:42px;}
h2{font-size:32px;}
h3{font-size:24px;}
p{margin-bottom:15px;}

/* HEADER */
header{background:var(--navy); padding:15px 0; position:sticky; top:0; z-index:100; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
header .container{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.logo-link{display:flex; align-items:center; gap:12px; text-decoration:none;}
.logo{height:55px; width:auto;}
.logo-text{color:white; font-weight:700; font-size:18px; letter-spacing:1px;}
nav a{color:white; text-decoration:none; margin-left:25px; font-weight:500; transition:0.3s;}
nav a:hover{color:var(--gold);}
.btn-nav{background:var(--gold); color:var(--navy); padding:10px 20px; border-radius:5px; font-weight:700;}
.btn-nav:hover{background:#e6c757; color:var(--navy);}

/* BUTTONS */
.btn{background:var(--gold); color:var(--navy); padding:14px 35px; border-radius:5px; text-decoration:none; font-weight:700; display:inline-block; border:none; cursor:pointer; font-size:16px; transition:0.3s; margin:5px;}
.btn:hover{background:#e6c757; transform:translateY(-2px);}

/* HERO */
.hero{background:linear-gradient(rgba(26,42,77,0.88), rgba(26,42,77,0.88)), url('images/logo.png') center/25% no-repeat; color:white; padding:120px 0; text-align:center;}
.hero h1{color:white; font-size:48px; margin-bottom:15px;}
.hero p{font-size:18px; color:#eee;}

/* SECTIONS */
section{padding:80px 0;}
.card{background:white; padding:30px; border-radius:10px; box-shadow:0 2px 15px rgba(0,0,0,0.08); margin-bottom:25px; border-left:4px solid var(--gold);}
.grid-4{display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:25px;}

/* FORM */
.form-group{margin-bottom:20px;}
.form-group label{display:block; margin-bottom:8px; font-weight:600; color:var(--navy);}
.form-control{width:100%; padding:12px 15px; border:1px solid #ddd; border-radius:5px; font-size:16px; transition:0.3s;}
.form-control:focus{outline:none; border-color:var(--gold); box-shadow:0 0 0 2px rgba(212,175,55,0.2);}

/* ALERTS */
.alert-danger { background:#ffebee; color:var(--danger); padding:15px; border-radius:8px; margin-bottom:20px; border-left:4px solid var(--danger); }
.alert-success { background:#e8f5e9; color:var(--success); padding:15px; border-radius:8px; margin-bottom:20px; border-left:4px solid var(--success); }

/* TABLE */
table{width:100%; border-collapse:collapse; margin-top:20px;}
table th, table td{padding:12px 15px; border:1px solid #ddd; text-align:left;}
table th{background:var(--light); color:var(--navy); font-weight:700;}

/* FOOTER */
footer{background:var(--navy); color:white; padding:60px 0 20px;}
.footer-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:30px; margin-bottom:30px;}
footer h4{color:var(--gold); margin-bottom:15px;}
footer a{color:#ddd; text-decoration:none; line-height:2;}
footer a:hover{color:var(--gold);}
.copyright{text-align:center; border-top:1px solid rgba(255,255,255,0.2); padding-top:20px; color:#aaa; font-size:14px;}

/* MOBILE */
@media(max-width: 768px){
  h1{font-size:32px;}
  h2{font-size:26px;}
  .hero{padding:80px 0;}
  .hero h1{font-size:36px;}
  header .container{flex-direction:column; gap:15px;}
  nav a{margin:0 10px;}
  .container{padding:0 4%;}
}