﻿@media(max-width:860px){
  .m-screen{padding-left:18px;padding-right:18px;align-items:stretch;overflow:hidden}
  .m-screen>*{max-width:100%}
  .mobile-version h1,.mobile-version p,.m-label{width:100%;max-width:calc(100vw - 36px)}
  .m-register{width:100%;max-width:calc(100vw - 36px);margin-left:0;margin-right:0}
  .m-actions{width:100%;max-width:calc(100vw - 36px)}
  .m-actions a{display:block}
  .m-compare .m-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
  .m-wallet .m-actions,.m-agent .m-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}

*,*::before,*::after{box-sizing:border-box}
@media(max-width:860px){
  .mobile-version,.m-screen{width:100%;max-width:100%;min-width:0}
  .mobile-version h1{font-size:clamp(30px,8.6vw,40px);line-height:1.08;max-width:100%;overflow-wrap:anywhere;word-break:normal}
  .mobile-version p{max-width:100%;overflow-wrap:break-word}
  .m-register{max-width:100%;white-space:normal}
  .m-actions{max-width:100%;min-width:0}
  .m-actions a{min-width:0;max-width:100%;overflow-wrap:break-word}
}

﻿html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:#fff1f2;color:#4a1020;font-family:Inter,Arial,sans-serif}.agent{max-width:1180px;margin:auto;padding:44px 18px;display:grid;grid-template-columns:340px 1fr;gap:28px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tiles a{min-height:130px;background:linear-gradient(135deg,#be123c,#4338ca);color:white;text-decoration:none;border-radius:14px;display:grid;place-items:center;font-weight:900}.agent h1{font-size:54px}.terms{margin-top:24px;background:white;border:1px solid #fecdd3;border-radius:14px;padding:20px}@media(max-width:860px){.agent{grid-template-columns:1fr}.agent h1{font-size:36px}}.mobile-version{display:none}.design-ref{max-width:980px;margin:18px auto;padding:12px 16px;border:1px dashed #94a3b8;border-radius:10px;background:#ffffffcc;color:#334155;font:13px Arial,sans-serif}.design-ref strong{margin-right:8px}.reg-wrap{margin:20px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.register{display:inline-block;padding:15px 24px;border-radius:12px;background:#e11d48;color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 16px 40px rgba(225,29,72,.25)}.register-08{background:#e11d48}.reg-note{font-size:13px;font-weight:800;opacity:.75}.m-screen{min-height:100vh;padding:28px 18px 34px;display:flex;flex-direction:column;justify-content:center}.m-label{text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.mobile-version h1{font-size:42px;line-height:.95;margin:12px 0}.mobile-version p{font-size:17px;line-height:1.5}.m-register{display:block;text-align:center;text-decoration:none;font-weight:950;border-radius:16px;padding:17px 18px;margin:24px 0 18px;box-shadow:0 18px 42px rgba(0,0,0,.24)}.m-actions{display:grid;gap:10px}.m-actions a{text-decoration:none;padding:14px 16px;border-radius:14px;font-weight:900}.m-download{background:#001f2e;color:#dffbff}.m-download .m-screen{background:radial-gradient(circle at top right,#00c2ff66,transparent 45%),#001f2e}.m-download .m-register{background:#22d3ee;color:#00202e}.m-download .m-actions a{background:#083344;color:#a5f3fc}.m-login{background:#221150;color:#f3e8ff}.m-login .m-register{background:#f0abfc;color:#2e1065}.m-login .m-actions a{background:#3b0764;color:#f5d0fe}.m-version{background:#04130a;color:#bbf7d0;font-family:Consolas,monospace}.m-version .m-screen{border:12px solid #16a34a}.m-version .m-register{background:#bbf7d0;color:#052e16}.m-version .m-actions a{background:#052e16;color:#86efac}.m-wallet{background:#042f2e;color:#ccfbf1}.m-wallet .m-register{background:#5eead4;color:#042f2e}.m-wallet .m-actions{grid-template-columns:1fr 1fr}.m-wallet .m-actions a{background:#0f766e;color:#fff}.m-games{background:#fff7ed;color:#431407}.m-games .m-screen{justify-content:flex-start;padding-top:46px}.m-games .m-register{background:#c2410c;color:#fff}.m-games .m-actions{display:flex;overflow-x:auto}.m-games .m-actions a{min-width:150px;background:#fed7aa;color:#7c2d12}.m-review{background:#111827;color:#f9fafb;font-family:Georgia,serif}.m-review .m-screen{border-top:10px solid #ef4444;justify-content:flex-start;padding-top:44px}.m-review .m-register{background:#ef4444;color:#fff}.m-review .m-actions a{background:#f9fafb;color:#111827}.m-urdu{background:#052e16;color:#dcfce7}.m-urdu .m-register{background:#bbf7d0;color:#052e16}.m-urdu .m-actions a{background:#14532d;color:#dcfce7}.m-agent{background:#312e81;color:#fce7f3}.m-agent .m-register{background:#fb7185;color:#fff}.m-agent .m-actions{grid-template-columns:1fr 1fr}.m-agent .m-actions a{background:#be123c;color:#fff}.m-fix{background:#1c1917;color:#fef3c7}.m-fix .m-register{background:#f59e0b;color:#1c1917}.m-fix .m-actions{display:flex;overflow-x:auto}.m-fix .m-actions a{min-width:126px;background:#292524;color:#fef3c7;border:1px solid #f59e0b}.m-compare{background:#0f172a;color:#e0e7ff}.m-compare .m-screen{background:linear-gradient(135deg,#0f172a,#312e81)}.m-compare .m-register{background:#818cf8;color:#0f172a}.m-compare .m-actions{grid-template-columns:1fr 1fr 1fr}.m-compare .m-actions a{background:#1e1b4b;color:#e0e7ff}@media(max-width:860px){.desktop-version{display:none}.mobile-version{display:block}.design-ref{display:none}}@media(max-width:860px){body{background:#312e81;color:#fce7f3}.agent{display:flex;flex-direction:column-reverse;padding:22px 14px 98px}.agent h1{font-size:34px}.tiles{grid-template-columns:1fr 1fr}.tiles a{min-height:92px;border-radius:999px;background:#f43f5e}.terms{background:#fce7f3;color:#4a1020}.register{position:fixed;left:14px;right:14px;bottom:14px;text-align:center;z-index:20}}
/* mobile-final-safe-area-20260614 */
@media(max-width:860px){
  .mobile-version{width:100%!important;max-width:100vw!important;overflow:hidden!important}
  .m-screen{width:100%!important;max-width:100vw!important;min-width:0!important;padding-left:18px!important;padding-right:18px!important;box-sizing:border-box!important;align-items:stretch!important;overflow:hidden!important}
  .m-screen>*{max-width:100%!important;box-sizing:border-box!important}
  .mobile-version h1{font-size:clamp(28px,7vw,34px)!important;line-height:1.12!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important}
  .mobile-version p{font-size:16px!important;line-height:1.55!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow-wrap:break-word!important}
  .m-register{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;white-space:normal!important}
  .m-actions{width:100%!important;max-width:100%!important;min-width:0!important;gap:10px!important}
  .m-actions a{min-width:0!important;max-width:100%!important;overflow-wrap:break-word!important}
}
/* mobile-final-readable-width-20260614 */
@media(max-width:860px){
  .mobile-version h1,.mobile-version p,.m-label,.m-register,.m-actions{max-width:min(338px,calc(100vw - 52px))!important}
  .mobile-version p{font-size:15.5px!important;line-height:1.58!important}
  .m-register{width:min(338px,calc(100vw - 52px))!important}
  .m-actions{width:min(338px,calc(100vw - 52px))!important}
}

