/* CTA clarity, trust signals and contact page — loaded last */

/* ---- Header: brand lockup + login / register ---- */
.logo{display:inline-flex;align-items:center;gap:10px}
.header-actions{flex-wrap:nowrap}
.header-actions .cta-login{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 17px;border-radius:7px;background:#fff;color:#0d6f8c;border:1px solid #d3f0fd;font-size:11px;font-weight:700;white-space:nowrap}
.header-actions .cta-login:hover{background:#e9f8ff;color:#09576e}
.header-actions .cta-register,.header-actions .gold-button.cta-register{background:linear-gradient(#0c8040,#06682e);border:1px solid #2aa05c;color:#fff;border-radius:7px;min-width:118px;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 4px 12px #04502421}
.header-actions .cta-register:hover{filter:brightness(1.12)}

/* ---- Shared buttons ---- */
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:12px 24px;border-radius:26px;font-size:12px;font-weight:700;line-height:1.35;text-align:center;white-space:nowrap}
.btn-primary{background:linear-gradient(#0c8040,#06682e);border:1px solid #2aa05c;color:#fff;box-shadow:0 7px 18px #05542a26;text-shadow:none}
.btn-primary:hover{filter:brightness(1.12)}
.btn-ghost{background:#fff;border:1px solid #bde8f7;color:#0d6f8c}
.btn-ghost:hover{background:#eaf8ff;color:#09576e}

/* ---- Hero CTA group ---- */
.hero-cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px}
.sky-hero .hero-cta .btn-ghost{border-color:#eaf9ff}
.hero-note{display:block;margin-top:12px;font-size:10px;color:#dff2fd;text-shadow:none}

/* ---- CTA band ---- */
.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 38px;padding:28px 30px;border-radius:14px;background:linear-gradient(110deg,#0f87b5,#0a6a93);box-shadow:0 10px 26px #0b6a9326}
.cta-band h2{color:#fff;font-size:22px;margin:0 0 9px}
.cta-band p{color:#dff3fb;font-size:12px;line-height:1.9;max-width:62ch}
.cta-band .cta-actions{display:flex;flex-wrap:wrap;gap:11px}
.cta-band .btn-ghost{border-color:#d6f2ff}

/* ---- Inline CTA under sections ---- */
.inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0 0;padding:16px 18px;border:1px solid #c6e7f3;border-radius:12px;background:#f3fbff}
.inline-cta p{font-size:12px;color:#4f7e94;margin:0}
.inline-cta .btn-primary,.inline-cta .btn-ghost{min-height:40px;padding:10px 20px;font-size:11px}

/* Always show the card action label (clearer CTA on touch devices) */
.cover>span,.game-card .icon-cover>span{opacity:1}

/* ---- Trust / meta ---- */
.page-meta{font-size:11px;color:#6f9cb0;margin:14px 0 0}
.page-meta time{color:#1b86ab;font-weight:700}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;font-size:11px;color:#5b8a9e}
.trust-row span{background:#f1fbff;border:1px solid #cbe8f3;border-radius:20px;padding:6px 13px}
.footer-cta{display:flex;flex-wrap:wrap;gap:10px}
.footer-cta .btn-primary,.footer-cta .btn-ghost{min-height:40px;padding:10px 20px;font-size:11px}
footer .social{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#3f8ba6;width:100%}
footer .social a{text-decoration:underline}

/* ---- Contact page ---- */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 10px}
.contact-grid article{padding:22px;border:1px solid #cce7f2;border-radius:12px;background:#fbfdff}
.contact-grid h2{font-size:17px;color:#178fb7;margin-bottom:9px}
.contact-grid p{font-size:12px;line-height:2;color:#6b8da0}
.contact-grid a{color:#0d7fa6;text-decoration:underline;overflow-wrap:anywhere}

@media(max-width:980px){
.header-actions>.outline{display:none}
.search-field{width:200px}
}

@media(max-width:760px){
.logo img{width:118px;height:46px}
.header-actions{gap:7px}
.header-actions .cta-login{font-size:9px;padding:7px 9px;min-height:34px}
.header-actions .cta-register,.header-actions .gold-button.cta-register{font-size:9px;padding:7px 10px;min-width:0;min-height:34px}
.hero-cta{gap:8px;margin-top:14px}
.sky-hero .btn-primary,.sky-hero .btn-ghost{min-height:36px;padding:9px 14px;font-size:10px}
.hero-note{font-size:8px;margin-top:9px}
.cta-band{padding:22px 18px;gap:14px;margin-bottom:28px}
.cta-band h2{font-size:19px}
.cta-band p{font-size:11px}
.cta-band .btn-primary,.cta-band .btn-ghost{min-height:42px;font-size:11px;flex:1 1 140px}
.inline-cta{padding:14px}
.inline-cta .btn-primary,.inline-cta .btn-ghost{flex:1 1 130px}
.contact-grid{grid-template-columns:1fr}
.mobile-bottom{grid-template-columns:repeat(5,minmax(0,1fr))}
.mobile-bottom span{font-size:9px}
.mobile-bottom .nav-cta{color:#06682e;background:linear-gradient(#d8fbe6,#b6f2cd);border:1px solid #8fe3b0}
.mobile-bottom .nav-cta span{color:#06682e;font-weight:700}
}