:root{--orange:#ff8600;--blue:#003b62;--ink:#0a0a0a;--paper:#f7f9fb;--white:#fff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}
.hero{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:linear-gradient(135deg,#003b62 0%,#082f49 70%,#0a0a0a 100%)}
.card{max-width:820px;background:var(--white);border-radius:24px;padding:54px;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:0;top:0;width:100%;height:8px;background:var(--orange)}
.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:800;font-size:13px}
h1{font-size:clamp(42px,8vw,76px);line-height:.95;margin:18px 0;color:var(--blue)}
p{font-size:18px;line-height:1.65;color:#36454f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0}.box{padding:18px;border:1px solid #dbe4ea;border-radius:14px;background:#fbfdff}.box strong{display:block;color:var(--blue);margin-bottom:5px}.flag{margin-top:34px;padding:18px;border-radius:14px;background:#fff3e6;border:2px dashed var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800;color:#7a4100}.foot{margin-top:30px;font-size:13px;color:#74808a}@media(max-width:650px){.card{padding:34px 24px}.grid{grid-template-columns:1fr}}