:root{
  --violet:#0b8f87;
  --violet-dark:#071c35;
  --blue:#0e6477;
  --gold:#ff9f1c;
  --ink:#102238;
  --muted:#586879;
  --line:#e7d9c2;
  --soft:#fff8ec;
  --night:#071c35;
}
body{background:#fffaf1;color:var(--ink)}
.top{background:rgba(7,28,53,.98);border-bottom:3px solid #ff9f1c;box-shadow:0 10px 30px rgba(7,28,53,.16)}
.top .wrap{min-height:82px}
.brand img{width:164px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.16))}
.nav a{color:#eef7f5}
.nav a:hover,.nav a[aria-current="page"]{color:#ffb23d}
.nav .nav-cta{border:1px solid #ffc15a;border-radius:4px 18px 4px 18px;background:linear-gradient(135deg,#ffb02e,#f07918);color:#142034;box-shadow:0 9px 24px rgba(240,121,24,.25)}
.hero{padding:62px 0 58px;background:linear-gradient(120deg,#071c35 0,#0b3850 60%,#0b8f87 140%)}
.hero-grid{grid-template-columns:minmax(480px,1.14fr) minmax(0,.86fr);gap:52px}
.hero-media{order:-1;padding:10px;border:1px solid rgba(255,181,63,.52);border-radius:34px 8px 34px 8px;background:rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.3)}
.hero-media>img{border-radius:26px 4px 26px 4px}
.hero-copy{color:#fff}
.hero-copy .eyebrow,.page-hero .eyebrow{border-color:#f8b648;border-radius:4px 14px 4px 14px;background:#ffedc7;color:#713c00}
.hero-copy h1{font-size:clamp(2.55rem,5vw,4.5rem)}
.hero-copy h1 em,.page-hero h1 em{color:#ffb43f}
.hero-copy .lead{color:#d8e8e7}
.btn{border-radius:4px 16px 4px 16px;background:linear-gradient(135deg,#ffb62f,#ef7618);color:#152033;box-shadow:0 11px 28px rgba(239,118,24,.24)}
.btn.alt{background:linear-gradient(135deg,#11a49a,#0b6478);color:#fff;box-shadow:0 11px 28px rgba(11,100,120,.24)}
.quick-links{gap:8px}
.quick-links a{border-radius:3px 12px 3px 12px}
.quick-links a:nth-child(1){background:#0b8f87}.quick-links a:nth-child(2){background:#12627b}.quick-links a:nth-child(3){background:#d67513}
.content{padding-top:50px}
.content h2{color:#0a2b47}
.content h2::after{content:"";display:block;width:58px;height:4px;margin-top:10px;background:linear-gradient(90deg,#ff9f1c,#0b8f87)}
.content h3{color:#0b716c}
.content a:not(.btn){color:#087b74}
.info-card{border:0;border-left:5px solid #0b8f87;border-radius:4px 18px 18px 4px;background:#fff;box-shadow:0 10px 28px rgba(7,28,53,.08)}
.info-card:nth-child(2){border-left-color:#ff9f1c}.info-card:nth-child(3){border-left-color:#12627b}
.info-card strong{color:#0a625e}
.promo-grid img{border:3px solid #fff;border-radius:24px 5px 24px 5px;box-shadow:0 12px 28px rgba(7,28,53,.13)}
.table-wrap{border-color:#e8d6bb;border-radius:4px 18px 4px 18px;box-shadow:0 10px 30px rgba(7,28,53,.07)}
th{background:#0b3850;color:#fff}tbody tr:nth-child(even){background:#fff8ec}
.steps li::before{border-radius:4px 12px 4px 12px;background:linear-gradient(135deg,#ff9f1c,#e66e18);color:#122037}
.faq details{border-color:#eadbc4}.faq summary{color:#0a314b}
.notice{border-left-color:#ff9f1c;border-radius:2px 16px 16px 2px;background:#fff0d2}
.crumb a{color:#087b74}
.page-hero{padding:48px 0;background:linear-gradient(125deg,#071c35 0,#0b3850 65%,#0b8f87 150%);color:#fff}
.page-hero .lead{color:#d9e9e8}.page-hero img{padding:14px;border:2px solid rgba(255,178,50,.65);border-radius:34px 8px 34px 8px;background:rgba(255,255,255,.1);filter:drop-shadow(0 18px 30px rgba(0,0,0,.28))}
footer{background:#06172c;border-top:4px solid #ff9f1c;color:#cddedc}

@media(max-width:820px){
  .hero-grid{grid-template-columns:1fr}.hero-media{order:0}.hero-copy{order:-1}.hero-copy{text-align:left}.hero .actions{justify-content:flex-start}
}
@media(max-width:640px){
  body{background:#fff8ec}
  .top{background:#071c35;border-bottom:3px solid #ff9f1c;box-shadow:0 9px 26px rgba(7,28,53,.22)}
  .top .wrap{padding:15px 12px 14px}
  .brand img{width:154px}
  .mobile-nav{gap:4px;padding:4px;border:1px solid rgba(255,177,47,.65);border-radius:4px 16px 4px 16px;background:#0b2c47;box-shadow:none}
  .mobile-nav a{border-radius:3px 11px 3px 11px;color:#f6f4ea}
  .mobile-nav a[aria-current="page"]{background:linear-gradient(135deg,#ffb52e,#ef7718);color:#172238;box-shadow:0 6px 16px rgba(239,119,24,.3)}
  .mobile-portal{padding:14px 0 26px;background:linear-gradient(150deg,#fff4db 0,#fffaf1 54%,#e6f5f1 100%)}
  .mobile-portal-banner{width:calc(100% - 20px);margin:0 10px;border:2px solid #fff;border-radius:28px 4px 28px 4px;box-shadow:0 13px 30px rgba(7,28,53,.16)}
  .mobile-portal-card{margin:13px 10px 0;padding:20px 14px 16px;border:0;border-left:6px solid #ff9f1c;border-radius:3px 22px 22px 3px;background:linear-gradient(145deg,#071c35,#0b3850);box-shadow:0 17px 38px rgba(7,28,53,.24);text-align:left}
  .mobile-portal-card>span{color:#ffb43f}
  .mobile-portal-card h1{color:#fff;font-size:1.72rem}
  .mobile-portal-card p{color:#d4e5e4}
  .mobile-portal-actions{grid-template-columns:1fr;gap:9px}
  .mobile-portal-actions a{min-height:61px;align-items:flex-start;padding:10px 17px;border:0;border-radius:3px 15px 3px 15px;font-size:1.08rem;box-shadow:none}
  .mobile-portal-actions small{margin-top:3px}
  .mobile-portal-actions .mobile-apk{border:0;background:linear-gradient(135deg,#ffbc39,#ef7918);color:#142033;box-shadow:none}
  .mobile-portal-actions .mobile-login{border:1px solid #4bc6ba;background:#0b8f87;color:#fff}
  .content{background:#fffaf1;border:0;border-radius:0;box-shadow:none}
  .content h2::after{width:46px}
  .info-card{border-radius:3px 16px 16px 3px}
  .promo-grid img{border-radius:20px 4px 20px 4px}
  .page-hero{background:linear-gradient(145deg,#071c35,#0b4d5d)}
  .mobile-dock{border-color:#e9c888;background:#fff8ec}
  .mobile-dock a{border-radius:3px 13px 3px 13px;background:linear-gradient(135deg,#0b8f87,#0b6478)}
  .mobile-dock a:first-child{background:linear-gradient(135deg,#ffb62f,#ef7618)}
}