:root{--navy:#0b355d;--navy2:#092743;--red:#df334c;--ink:#163c5b;--line:#d9e5eb;--bg:#f3f7f9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}
.top{max-width:1050px;margin:0 auto;padding:18px 18px 0;display:flex;justify-content:space-between;align-items:center}.top img{width:180px;height:auto}.top a{font-size:13px;color:var(--navy);text-decoration:none;font-weight:800}
.wrap{max-width:1050px;margin:0 auto;padding:28px 18px 55px}.intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;align-items:center}.intro h1{font-size:42px;letter-spacing:-.035em;line-height:1.05;margin:7px 0;color:var(--navy)}.intro p{font-size:14px;line-height:1.65;color:#657e8d}
.kicker{font-size:11px;font-weight:950;letter-spacing:.12em;color:#d9344e}.note{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:11px;line-height:1.55;color:#657e8d}
.controls{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-top:15px}.controls label{display:block;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.row{display:grid;grid-template-columns:1fr auto auto;gap:8px}.row input{border:1px solid #cbdce5;border-radius:9px;padding:12px 13px;font-size:16px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.btn{border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:900;padding:12px 15px;cursor:pointer}.btn.light{background:#fff;color:var(--navy);border:1px solid #b9cedb}
.stage{display:flex;justify-content:center;align-items:center;min-height:540px;background:linear-gradient(135deg,#eaf1f5,#fff);border:1px solid var(--line);border-radius:20px;padding:28px}
.sticker{width:470px;height:470px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 38% 30%,#174f7b 0,#0b355d 48%,#07243f 100%);border:13px solid #fff;outline:2px solid #9fb4c4;box-shadow:0 24px 50px rgba(12,45,73,.22);overflow:hidden;color:#fff;text-align:center}
.sticker:before,.sticker:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.32);inset:18px}.sticker:after{inset:38px;border-color:rgba(255,255,255,.14)}
.badgecontent{position:relative;z-index:2;width:82%;display:flex;flex-direction:column;align-items:center}.emblem{width:115px;height:115px;margin-bottom:4px}.wordmark{display:flex;align-items:center;gap:9px;font-size:36px;font-weight:850;letter-spacing:-.03em}.tick{width:34px;height:26px;border-left:10px solid var(--red);border-bottom:10px solid var(--red);transform:rotate(-45deg);border-radius:2px}.wordmark b{font-weight:850}.wordmark b span{color:#ff4a5f}
.rule{height:1px;background:rgba(255,255,255,.55);width:92%;margin:10px 0 7px}.boatid{font-size:58px;font-weight:950;letter-spacing:.02em;line-height:1}.idbox{margin-top:10px;border:2px solid rgba(255,255,255,.75);border-radius:12px;padding:7px 15px;font-size:21px;font-weight:900;letter-spacing:.08em;min-width:270px}.private{margin-top:12px;font-size:11px;letter-spacing:.12em;font-weight:900}.domain{margin-top:5px;font-size:12px;opacity:.82}
.print-info{max-width:720px;margin:15px auto 0;text-align:center;font-size:10px;line-height:1.55;color:#687f8e}
@media(max-width:800px){.intro{grid-template-columns:1fr}.stage{min-height:auto}.sticker{width:min(82vw,470px);height:min(82vw,470px)}.wordmark{font-size:7vw}.boatid{font-size:11vw}.row{grid-template-columns:1fr}.top{align-items:flex-start}.intro h1{font-size:34px}}
@media print{body{background:#fff}.top,.intro>div:first-child,.controls,.note,.print-info{display:none!important}.wrap{padding:0;max-width:none}.intro{display:block}.stage{border:0;background:#fff;padding:0;min-height:0;height:100vh}.sticker{width:105mm;height:105mm;box-shadow:none;outline:1px solid #8ea5b5;border-width:3mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.wordmark{font-size:8mm}.emblem{width:25mm;height:25mm}.boatid{font-size:13mm}.idbox{font-size:5mm;min-width:64mm}.private{font-size:2.5mm}.domain{font-size:2.8mm}}