:root { --blue:#173f72; --light:#e8e6d8; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:#121a27; background:#05070b; background-image:radial-gradient(circle at 8% 21%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 29% 8%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 61% 18%,#b7d0ff 0 1px,transparent 1.5px),radial-gradient(circle at 88% 35%,#fff 0 1px,transparent 1.5px); background-size:180px 160px,250px 200px,270px 220px,240px 260px; font:13px/1.55 "Times New Roman",Times,serif; }
.page { width:650px; margin:35px auto; background:var(--light); border:3px double #fff; box-shadow:0 0 0 2px #1b2738,0 10px 28px #000; } header,footer { color:#fff; background:var(--blue); padding:5px 8px; font:bold 11px "Courier New",monospace; } header { display:flex; justify-content:space-between; } main { padding:18px 24px; text-align:center; } h1 { margin:0; color:#b94a16; font-size:34px; text-transform:uppercase; } .subtitle { margin:0 0 18px; color:#555; font:11px "Courier New",monospace; }
.box { margin:16px auto; border:1px solid #888; text-align:left; background:#f2f0e4; }.box h2 { margin:0; padding:4px 7px; color:#fff; background:#20558e; font:bold 12px "Courier New",monospace; }.box-body { padding:12px; }.box-body p:first-child { margin-top:0; }.box-body p:last-child { margin-bottom:0; }.email { margin:12px 0; text-align:center; }.email a { color:#003399; font:bold 16px "Courier New",monospace; }table { width:100%; border-collapse:collapse; font:12px "Courier New",monospace; }td { padding:5px 3px; border-bottom:1px dotted #999; }tr:last-child td { border-bottom:0; }td:last-child { text-align:right; }.ok { color:green; font-weight:bold; }.maybe { color:#8a6d00; font-weight:bold; }.error { color:red; font-weight:bold; }
.future { margin-top:25px; padding:12px; border:1px dashed #aa6600; background:#fff3c9; font:12px "Courier New",monospace; text-align:center; }.future p { margin:10px 0; }.future hr { border:0; border-top:1px solid #aa6600; }.return { display:inline-block; margin-top:18px; padding:5px 14px; color:#fff; background:#20558e; border:2px outset #aaa; font:bold 11px "Courier New",monospace; text-decoration:none; }.return:active { border-style:inset; }.small { margin-bottom:0; color:#555; font-size:11px; }.centered { text-align:center; }footer { text-align:center; font-size:10px; }
@media (max-width:700px) { .page { width:calc(100% - 20px); margin:10px; } main { padding:16px; } h1 { font-size:27px; } header { flex-direction:column; } }