:root{--bg:#f4f7fb;--surface:#fff;--surface-soft:#eef4ff;--text:#0f172a;--muted:#475569;--brand:#2563eb;--brand-dark:#1e40af;--brand-soft:#dbeafe;--border:#dbe3ef}*{box-sizing:border-box}html,body{background:linear-gradient(180deg,#f8fbff 0%,var(--bg)48%,#f2f7ff 100%);color:var(--text);margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip-link{z-index:300;color:#fff;background:#0f172a;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;font-weight:700;position:absolute;top:-48px;left:.75rem}.skip-link:focus{top:.75rem}img{max-width:100%;height:auto;display:block}main{min-height:calc(100vh - 180px)}.container{width:min(1120px,100% - 2rem);margin:0 auto}.site-header{z-index:20;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:1.25rem;min-height:72px;display:flex}.brand{letter-spacing:.1px;color:var(--brand-dark);align-items:center;gap:.5rem;font-size:1.28rem;font-weight:800;display:inline-flex}.site-nav{justify-content:flex-end;align-items:center;display:flex}.mobile-nav-controls{align-items:center;gap:.4rem;display:none}.mobile-auth-link{border:1px solid var(--border);background:var(--surface);color:#1e293b;border-radius:8px;padding:.5rem .62rem;font-size:.86rem;font-weight:700;line-height:1}.mobile-auth-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.mobile-menu-toggle{border:1px solid var(--border);background:var(--surface);color:#1e293b;cursor:pointer;border-radius:10px;padding:.52rem .82rem;font-size:.92rem;font-weight:700;display:none}.desktop-nav{align-items:center;gap:.72rem;display:flex}.desktop-auth-actions{align-items:center;gap:.4rem;margin-left:.2rem;display:inline-flex}.auth-link{border:1px solid var(--border);background:var(--surface);color:#1e293b;border-radius:8px;padding:.5rem .72rem;font-size:.9rem;font-weight:700;line-height:1}.auth-link:hover,.auth-link.is-active{background:#f7fbff;border-color:#c0cede}.auth-link.auth-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.auth-link.auth-primary:hover,.auth-link.auth-primary.is-active{background:var(--brand-dark);border-color:var(--brand-dark)}.desktop-nav>a,.nav-group-head>a{color:#1e293b;border-radius:8px;padding:.42rem .62rem;font-size:.95rem;font-weight:600}.desktop-nav>a:hover,.nav-group-head>a:hover,.desktop-nav>a.is-active,.nav-group-head>a.is-active{background:var(--brand-soft);color:var(--brand-dark)}.desktop-nav a:focus-visible,.desktop-nav button:focus-visible,.mobile-nav-drawer a:focus-visible,.mobile-nav-drawer button:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nav-group{position:relative}.nav-group-head{align-items:center;gap:.18rem;display:inline-flex}.nav-toggle{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem .4rem;line-height:1}.nav-toggle:hover,.nav-toggle.is-open{background:var(--brand-soft);color:var(--brand-dark)}.submenu-panel{border:1px solid var(--border);background:var(--surface);opacity:0;pointer-events:none;visibility:hidden;z-index:30;border-radius:12px;min-width:260px;padding:.42rem;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(8px);box-shadow:0 18px 40px #0f172a1f}.submenu-panel ul,.mobile-nav-primary,.mobile-submenu{margin:0;padding:0;list-style:none}.submenu-panel a{color:#1e293b;border-radius:8px;padding:.52rem .56rem;font-size:.9rem;font-weight:600;display:block}.submenu-panel a:hover,.submenu-panel a.is-active{background:var(--brand-soft);color:var(--brand-dark)}.nav-group.is-open .submenu-panel,.nav-group:hover .submenu-panel,.nav-group:focus-within .submenu-panel{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.mobile-nav-overlay{z-index:200;pointer-events:none;visibility:hidden;position:fixed;inset:0}.mobile-nav-backdrop{opacity:0;z-index:0;background:#02061780;border:0;transition:opacity .2s;position:fixed;inset:0}.mobile-nav-drawer{border-left:1px solid var(--border);background:var(--surface);z-index:1;width:min(360px,90vw);height:100%;padding:1rem;transition:transform .24s;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-nav-overlay.is-open{pointer-events:auto;visibility:visible}.mobile-nav-overlay.is-open .mobile-nav-backdrop{opacity:1}.mobile-nav-overlay.is-open .mobile-nav-drawer{transform:translate(0)}.mobile-nav-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.8rem;display:flex}.mobile-nav-head p{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.mobile-nav-head button{border:1px solid var(--border);background:var(--surface);color:#334155;cursor:pointer;border-radius:8px;padding:.4rem .58rem;font-size:.9rem;font-weight:600}.mobile-nav-primary{gap:.4rem;margin-top:.85rem;display:grid}.mobile-nav-primary>li>a,.mobile-group-head>a,.mobile-submenu a,.mobile-nav-utility a{color:#1e293b;border-radius:8px;padding:.56rem .66rem;font-size:.95rem;font-weight:600;display:block}.mobile-nav-primary>li>a.is-active,.mobile-group-head>a.is-active,.mobile-submenu a.is-active,.mobile-nav-utility a.is-active,.mobile-nav-primary>li>a:hover,.mobile-group-head>a:hover,.mobile-submenu a:hover,.mobile-nav-utility a:hover{background:var(--brand-soft);color:var(--brand-dark)}.mobile-group-head{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.mobile-group-head button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem .45rem}.mobile-group-head button:hover{background:var(--brand-soft);color:var(--brand-dark)}.mobile-submenu{padding-left:.5rem;display:none}.mobile-submenu.is-open{display:block}.mobile-nav-utility{border-top:1px solid var(--border);gap:.35rem;margin-top:1rem;padding-top:.8rem;display:grid}body.nav-drawer-open{overflow:hidden}.hero-section{background:radial-gradient(circle at 12% 14%,#dbeafe 0%,#eef4ff 30%,#f7faff 78%);padding:4.25rem 0 3.2rem}.hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:2rem;display:grid}h1,h2,h3{margin:0 0 .85rem;line-height:1.25}h1{font-size:clamp(1.75rem,2.5vw,2.65rem)}h2{font-size:clamp(1.3rem,2vw,2rem)}p{color:var(--muted);margin:0 0 1rem;line-height:1.72}.last-updated{color:#334155;margin:.55rem 0 1rem;font-size:.92rem;font-weight:600}.eyebrow{color:var(--brand-dark);letter-spacing:.22px;text-transform:uppercase;margin:0 0 .6rem;font-size:.78rem;font-weight:700}.lead-text{max-width:62ch}.cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.74rem 1.08rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .2s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px #2563eb47}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:#f7fbff;border-color:#c0cede;transform:translateY(-1px)}.trust-list{color:#1e293b;margin:1.2rem 0 0;padding-left:1rem}.trust-list li{margin-bottom:.5rem}.hero-visual{border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 18px 42px #0f172a24}.info-strip{padding:1rem 0 1.3rem}.strip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f9fbff 100%);border-radius:14px;padding:1.1rem;box-shadow:0 8px 22px #0f172a0d}.card h2{font-size:1.1rem}.text-link{color:var(--brand-dark);font-weight:700}.text-link:hover{text-decoration:underline}.section-block{padding:4rem 0}.alt-bg{background:#edf3ff}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1.5rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:.8rem;box-shadow:0 10px 30px #0f172a0f}.tag-grid{flex-wrap:wrap;gap:.55rem;margin-top:1.1rem;display:flex}.tag-grid span{background:var(--brand-soft);color:var(--brand-dark);border:1px solid #bfd4ff;border-radius:999px;padding:.4rem .68rem;font-size:.88rem;display:inline-flex}.steps,.check-list,.prose-wrap ul{margin:0 0 1rem;padding-left:1.2rem}.steps li,.check-list li,.prose-wrap li{color:#334155;margin-bottom:.6rem}.inline-links{flex-wrap:wrap;gap:.7rem;margin-top:1rem;display:flex}.inline-links a{color:var(--brand-dark);font-weight:700}.faq-item{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-bottom:.8rem;padding:1rem;list-style:none}.faq-item h3{margin-bottom:.45rem;font-size:1.04rem}.cta-banner{background:linear-gradient(#eff5ff 0%,#e9f0ff 100%);border:1px solid #bfd4ff;border-radius:16px;grid-template-columns:1.1fr auto;align-items:center;gap:1rem;padding:1.4rem;display:grid}.prose-wrap{max-width:820px}.article-wrap{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:0 8px 22px #0f172a0d}.prose-wrap h2{margin-top:1.8rem}.section-image{border:1px solid var(--border);border-radius:12px;margin:.8rem 0 1.25rem;overflow:hidden;box-shadow:0 8px 18px #0f172a14}.game-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.4rem 0 1.25rem;display:grid}.image-tile{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:0;overflow:hidden}.image-tile figcaption{color:#334155;padding:.55rem .65rem .65rem;font-size:.88rem;font-weight:600}.guide-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.guide-card,.blog-card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f7fbff 100%);border-radius:14px;padding:1rem;box-shadow:0 8px 20px #0f172a0f}.stacked-card{margin-bottom:1rem}.guide-card h3,.blog-card h3{font-size:1.06rem}.blog-card{gap:.55rem;display:grid}.blog-icon{border:1px solid var(--border);background:var(--surface);border-radius:12px}.safety-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.icon-panel{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;padding:.95rem;box-shadow:0 8px 20px #0f172a0f}.icon-panel p{color:#334155;margin:.6rem 0 0;font-weight:600}.contact-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:1.1rem 0;padding:1rem}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.hub-card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f7fbff 100%);border-radius:14px;padding:1rem;box-shadow:0 8px 22px #0f172a0f}.hub-card h3{margin-bottom:.55rem;font-size:1.05rem}.hub-list{margin:0;padding-left:1rem}.hub-list li{color:#334155;margin-bottom:.5rem}.site-footer{border-top:1px solid var(--border);color:#e2e8f0;background:#0f172a;margin-top:2rem;padding-top:2.2rem}.site-footer p,.site-footer small{color:#cbd5e1}.footer-grid{grid-template-columns:1.35fr repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.footer-brand{color:#fff;font-size:1.1rem;font-weight:800}.footer-title{color:#fff;font-weight:700}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:.55rem}.site-footer a:hover{color:#fff}.footer-note{border-top:1px solid #1e293b;margin-top:1.2rem;padding:1rem 0 1.4rem}@media (max-width:960px){.hero-grid,.two-col,.strip-grid,.footer-grid,.cta-banner,.game-image-grid,.guide-grid,.blog-grid,.hub-grid,.safety-icons{grid-template-columns:1fr}.hero-section,.section-block{padding:3rem 0}.hero-grid{gap:1.4rem}.cta-row{gap:.55rem;margin-top:1.15rem}.btn{min-height:42px}.desktop-nav{display:none}.mobile-nav-controls{display:inline-flex}.mobile-menu-toggle{align-items:center;display:inline-flex}.site-nav{width:auto}.mobile-nav-drawer{width:min(390px,94vw);padding:.9rem}.article-wrap{padding:1.05rem}.prose-wrap h2{margin-top:1.45rem}}@media (max-width:640px){.container{width:min(1120px,100% - 1.25rem)}.nav-wrap{gap:.7rem;min-height:64px}.brand{gap:.42rem;font-size:1.08rem}h1{font-size:clamp(1.45rem,6vw,1.9rem)}h2{font-size:clamp(1.16rem,4.3vw,1.45rem)}.hero-section,.section-block{padding:2.2rem 0}.lead-text{max-width:100%}.card,.guide-card,.blog-card,.hub-card,.faq-item,.contact-card,.panel{padding:.9rem}.mobile-nav-drawer{border-left:0;width:100vw;padding:.9rem .8rem 1rem}.mobile-nav-head{padding-bottom:.65rem}.mobile-nav-primary{gap:.3rem;margin-top:.7rem}.mobile-submenu{padding-left:.35rem}.footer-grid{gap:1rem}.footer-note{padding:.9rem 0 1.15rem}}@media (max-width:420px){.brand span{letter-spacing:0}.mobile-menu-toggle{padding:.5rem .72rem;font-size:.88rem}.mobile-auth-link{padding:.47rem .56rem;font-size:.82rem}.btn{width:100%}.cta-row{grid-template-columns:1fr;display:grid}.last-updated{font-size:.86rem}}