:root{--nhc-blue: #8b1f2a;--nhc-dark-blue: #8b1f2a;--nhc-gold: #f5b400;--nhc-red: #c62828;--text-dark: #1f2937;--text-muted: #64748b;--bg-light: #FFF;--white: #ffffff;--border: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background:var(--bg-light);color:var(--text-dark)}.top-bar{background:var(--nhc-dark-blue);color:var(--white);font-size:14px;padding:10px 24px;text-align:center}.header{background:var(--white);border-bottom:1px solid var(--border);padding:18px 24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0f172a0f}.brand{display:flex;align-items:center;gap:16px;text-align:left}.brand img{height:82px;object-fit:contain}.brand-title{font-size:clamp(20px,3vw,30px);font-weight:800;color:var(--nhc-blue);line-height:1.1;text-transform:uppercase}.brand-subtitle{margin-top:6px;font-size:14px;color:var(--text-muted);font-weight:600}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#8b1f2af5,#8b1f2af5);color:var(--white);padding:72px 24px 80px}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(245,180,0,.25),transparent 28%),radial-gradient(circle at 80% 10%,rgba(255,255,255,.13),transparent 30%),radial-gradient(circle at 50% 90%,rgba(255,255,255,.1),transparent 30%);pointer-events:none}.hero-inner{position:relative;max-width:1080px;margin:0 auto;text-align:center}.badge{display:inline-block;background:#f5b4002e;color:#ffe08a;border:1px solid rgba(245,180,0,.5);padding:9px 18px;border-radius:999px;font-size:14px;font-weight:800;letter-spacing:.5px;margin-bottom:22px;text-transform:uppercase}h1{max-width:850px;margin:0 auto 20px;font-size:clamp(34px,5vw,58px);line-height:1.08;font-weight:900}.subtitle{max-width:820px;margin:0 auto;font-size:clamp(17px,2vw,21px);line-height:1.65;color:#e2e8f0}.main-card{max-width:1080px;margin:-46px auto 0;position:relative;z-index:2;background:var(--white);border-radius:24px;box-shadow:0 24px 80px #0f172a29;padding:34px;border-top:6px solid var(--nhc-gold)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fbfdff;border:1px solid var(--border);border-radius:18px;padding:24px 20px;text-align:left}.icon{width:44px;height:44px;border-radius:12px;background:#0b4ea21a;color:var(--nhc-blue);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.card h3{font-size:19px;margin-bottom:10px;color:var(--nhc-dark-blue)}.card p{font-size:15px;line-height:1.55;color:var(--text-muted)}.actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:8px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--nhc-gold);color:#111827;box-shadow:0 12px 28px #f5b40040}.btn-secondary{background:var(--nhc-blue);color:var(--white);box-shadow:0 12px 28px #0b4ea233}.notice{max-width:780px;margin:28px auto 0;padding:16px 18px;background:#fff8e1;border:1px solid #fde68a;border-radius:12px;font-size:15px;line-height:1.55;color:#7c5a00;text-align:center}footer{text-align:center;margin-top:44px;padding:26px 20px;background:var(--nhc-dark-blue);color:#dbeafe;font-size:14px}@media(max-width:768px){.header{justify-content:flex-start}.brand img{width:64px;height:64px}.hero{padding:54px 20px 70px}.main-card{margin:-36px 16px 0;padding:24px 18px}.cards{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}}
