:root{
    --blue:#183752;
    --blue-2:#11324a;
    --green:#6db042;
    --bg:#f5f7fb;
    --card:#ffffff;
    --text:#0b1a27;
    --muted:#5c6c7a;
    --radius:16px;
  }
  
  *{box-sizing:border-box}
  html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text);}
  
  a{color:inherit;text-decoration:none}
  ul{list-style:none;padding:0;margin:0}
  
  .site-header{
    position:sticky;top:0;z-index:50;
    background:var(--blue);color:#fff;
    display:flex;align-items:center;gap:20px;
    padding:14px 20px;border-bottom:3px solid #0d2436;
  }
  .brand{display:flex;align-items:center;gap:10px}
  .brand .crest{width:34px;height:34px;background:#fff;border-radius:8px}
  .brand-text{font-weight:700;font-size:22px;color:#fff}
  
  .main-nav{display:flex;gap:18px;flex-wrap:wrap}
  .main-nav a{color:#dfe8f1;padding:8px 10px;border-radius:10px}
  .main-nav a:hover,.main-nav a.active{background:#1f496b;color:#fff}
  
  .lang-switch{margin-left:auto;display:flex;align-items:center;gap:6px}
  .lang{background:transparent;border:1px solid #325873;color:#dfe8f1;padding:6px 10px;border-radius:10px;cursor:pointer}
  .lang:hover{background:#24445f;color:#fff}
  .search-btn{background:#24445f;border:none;border-radius:10px;padding:6px 10px;cursor:pointer}
  .magnifier{display:inline-block;width:16px;height:16px;border:2px solid #a8c0d6;border-radius:100px;position:relative}
  .magnifier::after{content:"";position:absolute;width:8px;height:2px;background:#a8c0d6;right:-6px;bottom:-2px;transform:rotate(40deg);border-radius:2px}
  
  .hero{background:var(--blue-2);color:#fff;padding:40px 20px}
  .hero-inner{max-width:1100px;margin:0 auto}
  .hero h1{margin:0 0 6px}
  .hero p{margin:0;color:#c9d9e6}
  
  .container{max-width:1100px;margin:24px auto;padding:0 20px}
  
  .card{background:var(--card);border-radius:var(--radius);padding:20px;box-shadow:0 4px 22px rgba(16,38,57,.06);margin-bottom:18px}
  
  .form-row{display:grid;gap:8px;margin-bottom:14px}
  .form-row label{font-weight:600}
  .form-row input,.form-row select{
    padding:12px;border:1px solid #d5dbe3;border-radius:12px;font-size:15px;background:#fff
  }
  
  .form-actions{display:flex;gap:14px;align-items:center}
  .btn{border:0;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer}
  .btn.primary{background:var(--green);color:#fff}
  .btn.primary:hover{filter:brightness(0.95)}
  .form-msg{color:var(--muted);min-height:1.2em}
  
  .time-stamp{color:var(--muted);padding:8px 2px;font-size:14px}
  
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
  
  .site-footer{background:var(--blue);color:#cfe0ee;padding:28px 20px;margin-top:32px}
  .site-footer a{color:#cfe0ee}
  .footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
  .footer-grid h3{color:#fff;margin:0 0 10px}