*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;color:#172033;line-height:1.55}.top-notice{background:#102033;color:#fff;padding:12px 7%;font-size:14px;text-align:center}.hero{background:linear-gradient(135deg,#0e1b2e,#1f5d5a);color:#fff}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 7%;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:12px;font-weight:800}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f2b84b;color:#132033;font-weight:900}.nav-links{display:flex;gap:18px}.nav-links a{color:#fff;text-decoration:none;font-size:14px;opacity:.9}.hero-grid{display:grid;grid-template-columns:2fr .95fr;gap:30px;padding:72px 7%}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#f2b84b}.hero h1{font-size:48px;line-height:1.04;margin:0 0 18px}.lead{font-size:19px;max-width:760px;opacity:.94}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-block;border:0;border-radius:12px;padding:14px 20px;font-weight:800;text-decoration:none;cursor:pointer;font:inherit}.button.primary{background:#f2b84b;color:#122033}.button.secondary{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}.button.full{width:100%;margin-top:20px}.hero-card,.card,.notice-card{background:#fff;color:#172033;border-radius:22px;padding:26px;box-shadow:0 16px 40px rgba(10,30,60,.12)}.metric{padding:16px 0;border-bottom:1px solid #edf1f6}.metric:last-child{border-bottom:0}.metric span{display:block;color:#1f5d5a;font-size:28px;font-weight:900}.metric small{color:#667085}.section{padding:52px 7%}.section h2{font-size:34px;line-height:1.14;margin:0 0 16px}.notice-card{margin:40px 7% 0;padding:28px;border-left:7px solid #f2b84b}.important{font-weight:800;color:#8a5700}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}.ticks{padding-left:0;list-style:none}.ticks li{margin:12px 0;padding-left:30px;position:relative}.ticks li:before{content:"✓";position:absolute;left:0;color:#1f5d5a;font-weight:900}.terms{background:#eaf1f7}.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.term{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(20,40,70,.06)}.term h3{margin-top:0;color:#1f5d5a}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline div{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(20,40,70,.07);border-top:5px solid #1f5d5a}.timeline strong{display:block;margin-bottom:10px}.timeline span{color:#5f6b7a}label{display:block;font-weight:800;margin:14px 0 8px}input,textarea,select{width:100%;padding:13px;border:1px solid #d7e1ec;border-radius:12px;margin-top:6px;font:inherit;background:#fff}textarea{min-height:92px}.checks{background:#f7fafc;border:1px solid #e4ebf3;border-radius:16px;padding:14px}.checks label{font-weight:600;display:flex;gap:10px;align-items:flex-start}.checks input{width:auto;margin-top:5px}.message{font-weight:800;color:#1f5d5a}.sticky{position:sticky;top:20px}code{display:block;background:#102033;color:#fff;padding:12px;border-radius:10px;margin:12px 0}footer{display:flex;justify-content:space-between;gap:20px;padding:26px 7%;background:#102033;color:#fff}@media(max-width:1000px){.hero-grid,.grid-2{grid-template-columns:1fr}.term-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:1fr 1fr}.sticky{position:static}.nav{display:block}.nav-links{margin-top:16px;flex-wrap:wrap}.hero h1{font-size:38px}}@media(max-width:560px){.term-grid,.timeline{grid-template-columns:1fr}.section{padding:36px 6%}.hero-grid{padding:48px 6%}.top-notice{padding:12px 6%}footer{display:block}.hero h1{font-size:32px}}
/* Admin page additions */
.admin-body{background:#f4f7fb}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#102033;color:#fff}.admin-main{padding:42px 7%}.admin-login{max-width:520px;margin:40px auto}.hidden{display:none!important}.admin-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.tile{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(20,40,70,.07)}.tile span{display:block;font-size:32px;font-weight:900;color:#1f5d5a}.tile small{color:#667085}.table-card{overflow:hidden}.table-actions{display:flex;gap:14px;align-items:center;margin-bottom:16px}.table-actions input{margin:0}.button.secondary.dark{background:#102033;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f6;vertical-align:top}th{background:#f7fafc}.status{display:inline-block;background:#fff4db;color:#805500;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}@media(max-width:900px){.admin-title-row,.admin-header{display:block}.dashboard{grid-template-columns:1fr 1fr}.table-actions{display:block}.table-actions .button{margin-top:10px}.admin-header .button{margin-top:12px}}@media(max-width:560px){.dashboard{grid-template-columns:1fr}}

/* Admin page additions */
.admin-body{background:#f4f7fb}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#102033;color:#fff}.admin-main{padding:42px 7%}.admin-login{max-width:520px;margin:40px auto}.hidden{display:none!important}.admin-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.tile{background:#fff;border-radius:18px;padding:20px;box-shadow:0 12px 30px rgba(20,40,70,.07)}.tile span{display:block;font-size:32px;font-weight:900;color:#1f5d5a}.tile small{color:#667085}.table-card{overflow:hidden}.table-actions{display:flex;gap:14px;align-items:center;margin-bottom:16px}.table-actions input{margin:0}.button.secondary.dark{background:#102033;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf1f6;vertical-align:top}th{background:#f7fafc}.status{display:inline-block;background:#fff4db;color:#805500;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}@media(max-width:900px){.admin-title-row,.admin-header{display:block}.dashboard{grid-template-columns:1fr 1fr}.table-actions{display:block}.table-actions .button{margin-top:10px}.admin-header .button{margin-top:12px}}@media(max-width:560px){.dashboard{grid-template-columns:1fr}}

/* Mobile readability enhancement */
@media (max-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.65;
  }

  .top-notice {
    font-size: 14px;
    line-height: 1.5;
    padding: 14px 18px;
  }

  .nav {
    padding: 18px;
  }

  .brand {
    font-size: 16px;
  }

  .nav-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 16px;
  }

  .nav-links a {
    display: block;
    background: rgba(255,255,255,0.12);
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 15px;
  }

  .hero-grid {
    padding: 42px 18px;
    gap: 22px;
  }

  .hero h1 {
    font-size: 31px;
    line-height: 1.12;
  }

  .lead {
    font-size: 17px;
  }

  .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .button {
    width: 100%;
    text-align: center;
    padding: 15px 16px;
  }

  .section {
    padding: 34px 18px;
  }

  .section h2 {
    font-size: 26px;
    line-height: 1.2;
  }

  .notice-card {
    margin: 24px 18px 0;
    padding: 22px;
  }

  .card,
  .hero-card,
  .term,
  .notice-card {
    border-radius: 18px;
    padding: 20px;
  }

  .term-grid,
  .timeline,
  .grid-2 {
    grid-template-columns: 1fr !important;
  }

  input,
  textarea,
  select {
    font-size: 16px;
    padding: 14px;
  }

  label {
    font-size: 15px;
  }

  .checks label {
    line-height: 1.5;
  }

  footer {
    display: block;
    text-align: center;
    padding: 24px 18px;
  }

  footer span {
    display: block;
    margin-top: 8px;
    font-size: 14px;
  }
}

@media (max-width: 420px) {
  .hero h1 {
    font-size: 28px;
  }

  .section h2 {
    font-size: 24px;
  }

  .metric span {
    font-size: 24px;
  }
}