:root{--navy:#0b2a4a;--blue:#2563a8;--light:#eef4fa;--amber:#f59e0b;--ink:#16232f;--muted:#5a6b7a}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);line-height:1.55;background:#fff}
a{color:var(--blue)}header{background:var(--navy);color:#fff;padding:14px 18px}header a{color:#fff;text-decoration:none}header .wrap,main,footer .wrap{max-width:1060px;margin:0 auto;padding:0 18px}
.brand{font-size:22px;font-weight:800}.tag{color:#cfe2f5;font-size:14px}nav.mainnav{display:flex;gap:16px;flex-wrap:wrap;padding:10px 0}nav.mainnav a{font-weight:600}
.quickbar{background:var(--amber);color:#1a1200;padding:14px 18px;position:relative;overflow:hidden;cursor:pointer;border:0;width:100%;text-align:left}
.quickbar .inner{max-width:1060px;margin:0 auto;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.quickbar strong{font-size:24px;line-height:1.1}.newbadge{background:#111;color:#fff;padding:3px 9px;border-radius:999px;font-size:12px;animation:blink 1.2s infinite}
@keyframes blink{50%{opacity:.25}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(11,42,74,.45)}100%{box-shadow:0 0 0 18px rgba(11,42,74,0)}}@keyframes shine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(220%) skewX(-20deg)}}@keyframes wiggle{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.2deg)}}
.chaticon{font-size:34px;animation:bounce 1.6s infinite, pulse 2s infinite;border-radius:50%}
.shine{position:absolute;top:0;bottom:0;width:120px;background:rgba(255,255,255,.35);animation:shine 3.2s infinite}
.quickbar h2{animation:wiggle 3s infinite}
.quickbar.calmed .newbadge,.quickbar.calmed .chaticon,.quickbar.calmed .shine,.quickbar.calmed h2{animation:none}
@media (prefers-reduced-motion: reduce){.newbadge,.chaticon,.shine,.quickbar h2{animation:none!important}}
.qpanel{display:none;border:2px solid var(--amber);padding:16px;margin:12px 0;background:#fffbe8}.qpanel.open{display:block}
.chip{display:inline-block;margin:4px;padding:8px 12px;border:1px solid var(--blue);border-radius:999px;background:#fff;cursor:pointer}
.hero{background:var(--light);padding:34px 0}.hero h1{font-size:38px;line-height:1.15;margin:0 0 10px;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{border:1px solid #d5dee6;border-radius:10px;padding:16px;background:#fff}.card h2,.card h3{margin-top:0}
.btn{display:inline-block;background:var(--blue);color:#fff;padding:11px 16px;border-radius:8px;text-decoration:none;font-weight:700;border:0;cursor:pointer}.btn.amber{background:var(--amber);color:#111}
label{display:block;margin:10px 0 4px;font-weight:600}input,select,textarea{width:100%;padding:10px;border:1px solid #aebcc9;border-radius:6px;font-size:16px}
.notice{border-left:5px solid var(--amber);background:#fffbe8;padding:12px 14px;margin:16px 0}
footer{background:var(--navy);color:#fff;padding:26px 0;margin-top:40px}footer a{color:#cfe2f5}
.small{color:var(--muted);font-size:14px}
@media(max-width:640px){.hero h1{font-size:30px}.quickbar strong{font-size:20px}}