:root { --hhgala-bg: #ffffff; --hhgala-text: #0b0f1a; --hhgala-accent: #0047ab;  --hhgala-backdrop: rgba(0,0,0,.6); --hhgala-radius: 16px; } #hhgala-toggle { position: absolute; left: -9999px; }  #hhgala-overlay { position: fixed; inset: 0; background: var(--hhgala-backdrop); display: grid; place-items: start center; padding: min(6vh, 4rem) 1rem; opacity: 0; visibility: hidden; transition: opacity .28s ease, visibility .28s ease; z-index: 9999; }  #hhgala-modal { width: min(780px, 100%); background: var(--hhgala-bg); color: var(--hhgala-text); border-radius: var(--hhgala-radius); box-shadow: 0 20px 60px rgba(0,0,0,.25); transform: translateY(10px) scale(.985); transition: transform .28s ease; overflow: hidden; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; border: 1px solid rgba(0,0,0,.06); }  #hhgala-modal .hhgala-header { background: linear-gradient(180deg, #f7f9ff 0%, #eef2ff 100%); border-bottom: 1px solid rgba(0,0,0,.06); padding: 1.25rem 1.5rem; } #hhgala-modal .hhgala-kicker { text-transform: uppercase; letter-spacing: .12em; font-weight: 600; font-size: .78rem; color: var(--hhgala-accent); margin: 0 0 .25rem; } #hhgala-modal h2 { font-size: clamp(1.25rem, 2.2vw + .8rem, 1.75rem); line-height: 1.25; margin: 0; }  #hhgala-modal .hhgala-body { padding: 1.5rem; font-size: 1rem; line-height: 1.6; }  #hhgala-modal .hhgala-actions { display: flex; gap: .75rem; padding: 0 1.5rem 1.5rem; } #hhgala-modal .hhgala-btn { appearance: none; border: 1px solid var(--hhgala-accent); background: var(--hhgala-accent); color: #fff; padding: .75rem 1rem; border-radius: 999px; font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; } #hhgala-modal .hhgala-btn--ghost { background: transparent; color: var(--hhgala-accent); }  #hhgala-modal .hhgala-close { position: absolute; top: 10px; right: 12px; line-height: 1; font-size: 1.25rem; color: #334; text-decoration: none; padding: .25rem .5rem; border-radius: 8px; border: 1px solid transparent; } #hhgala-modal .hhgala-close:hover, #hhgala-modal .hhgala-close:focus { border-color: rgba(0,0,0,.1); outline: none; }  #hhgala-toggle:checked ~ #hhgala-overlay { opacity: 1; visibility: visible; } #hhgala-toggle:checked ~ #hhgala-overlay #hhgala-modal { transform: translateY(0) scale(1); }  label[for="hhgala-toggle"].hhgala-open { cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; padding: .6rem 1rem; border-radius: 999px; border: 1px solid var(--hhgala-accent); color: #fff; background: var(--hhgala-accent); font-weight: 600; text-decoration: none; }