:root{--go-primary:#0f9d58;--go-primary-dark:#087f46;--go-text:#202124;--go-text-secondary:#5f6368;--go-border:#e4e6e8;--go-bg:#fff;--go-bg-soft:#f8f9fa;--go-container:1200px;--go-radius:16px;--go-shadow:0 2px 8px rgba(32,33,36,.08);--go-transition:180ms ease}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--go-bg);color:var(--go-text);font-family:Inter,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.go-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
[hidden] {display: none !important;}
.go-container{width:min(calc(100% - 40px),var(--go-container));margin:0 auto}

/* Header */
.go-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--go-border);backdrop-filter:blur(12px)}
.go-header-inner{height:68px;display:flex;align-items:center;gap:32px}
.go-logo{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;font-weight:700;font-size:21px;letter-spacing:-.5px}
.go-logo-mark{width:32px;height:32px;display:grid;place-items:center;background:var(--go-primary);color:#fff;border-radius:9px;font-size:18px;font-weight:800}
.go-logo-text{color:var(--go-text)}
.go-nav{display:flex;align-items:center;gap:4px}
.go-nav-link{padding:8px 13px;color:var(--go-text-secondary);font-weight:500;border-radius:9px;transition:var(--go-transition)}
.go-nav-link:hover{background:#f1f3f4;color:var(--go-text)}
.go-nav-link-active{color:var(--go-primary)}
.go-header-search{margin-left:auto;width:280px;height:42px;display:flex;align-items:center;background:#f1f3f4;border:1px solid transparent;border-radius:22px;padding:0 15px;transition:var(--go-transition)}
.go-header-search:focus-within{background:#fff;border-color:#dadce0;box-shadow:0 1px 4px rgba(60,64,67,.12)}
.go-search-icon{width:19px;height:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6b7075}
.go-search-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.go-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--go-text);padding:0 10px;font-size:14px}
.go-search-input::placeholder{color:#777b80}
.go-mobile-menu{display:none;width:42px;height:42px;padding:9px;border:0;background:transparent;border-radius:8px}
.go-mobile-menu span{display:block;height:2px;background:var(--go-text);margin:5px 0;border-radius:2px}
.go-mobile-nav{display:none}

/* Hero */
.go-hero{background:linear-gradient(135deg,#f0fbf5 0%,#f8fbfa 50%,#fff 100%);border-bottom:1px solid var(--go-border)}
.go-hero-content{padding:78px 0 72px;max-width:780px}
.go-hero-label,.go-section-eyebrow{display:block;color:var(--go-primary);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.go-hero-title{max-width:760px;margin:12px 0 14px;font-size:52px;line-height:1.08;letter-spacing:-2px;font-weight:750}
.go-hero-description{max-width:650px;margin:0 0 30px;color:var(--go-text-secondary);font-size:18px;line-height:1.6}
.go-hero-search{width:min(100%,650px);height:56px;display:flex;align-items:center;background:#fff;border:1px solid #dadce0;border-radius:28px;padding:0 7px 0 18px;box-shadow:0 2px 10px rgba(60,64,67,.08)}
.go-hero-search:focus-within{border-color:var(--go-primary);box-shadow:0 0 0 3px rgba(15,157,88,.1)}
.go-hero-search-input{min-width:0;flex:1;border:0;outline:0;color:var(--go-text);background:transparent;padding:0 12px;font-size:15px}
.go-hero-search-input::placeholder{color:#777b80}
.go-hero-search-button{height:44px;padding:0 23px;border:0;border-radius:22px;background:var(--go-primary);color:#fff;font-weight:600;transition:var(--go-transition)}
.go-hero-search-button:hover{background:var(--go-primary-dark)}
.go-hero-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:17px;color:var(--go-text-secondary);font-size:13px}
.go-hero-links a{color:var(--go-primary);font-weight:500}
.go-hero-links a:hover{text-decoration:underline}

/* Sections */
.go-section{padding:58px 0}
.go-section-gray{background:var(--go-bg-soft);border-top:1px solid #f0f1f2;border-bottom:1px solid #f0f1f2}
.go-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}
.go-section-title{margin:4px 0 0;font-size:27px;line-height:1.2;letter-spacing:-.6px}
.go-section-link{display:inline-flex;align-items:center;gap:7px;color:var(--go-primary);font-size:14px;font-weight:600;white-space:nowrap}
.go-section-link:hover{text-decoration:underline}
.go-section-link span{font-size:17px}

/* Featured */
.go-featured-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.go-featured-card{overflow:hidden;background:#fff;border:1px solid var(--go-border);border-radius:var(--go-radius);transition:var(--go-transition)}
.go-featured-card:hover{transform:translateY(-3px);box-shadow:var(--go-shadow)}
.go-featured-card-link{display:block}
.go-featured-image{overflow:hidden;border-radius: 15px;}
.go-featured-info{padding:17px 18px 19px}
.go-game-category{margin:0 0 4px;color:var(--go-primary);font-size:12px;font-weight:600}
.go-game-title{margin:0;color:var(--go-text);font-size:16px;font-weight:650;line-height:1.35}
.go-game-description{margin:7px 0 0;color:var(--go-text-secondary);font-size:13px;line-height:1.45}
.go-placeholder-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dff5e9,#bce9d0);color:#fff}
.go-placeholder-image span{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:18px;background:rgba(15,157,88,.85);font-size:12px;font-weight:800;letter-spacing:.5px}

/* Game grid */
.go-game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.go-game-card{min-width:0}
.go-game-card-link{display:block}
.go-game-image{aspect-ratio:1.35/1;overflow:hidden;border-radius:13px;background:#e9eaec;transition:var(--go-transition)}
.go-game-card:hover .go-game-image{transform:translateY(-2px);box-shadow:var(--go-shadow)}
.go-game-info{padding:11px 2px 0}
.go-game-info .go-game-title{font-size:15px}
.go-game-meta{margin:3px 0 0;color:#7a7e83;font-size:12px}

/* Categories */
.go-category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.go-category-card{display:flex;align-items:center;gap:13px;padding:17px 18px;background:#fff;border:1px solid var(--go-border);border-radius:12px;transition:var(--go-transition)}
.go-category-card:hover{border-color:#b7dfc8;background:#f5fcf8;transform:translateY(-2px)}
.go-category-icon{width:37px;height:37px;display:grid;place-items:center;flex-shrink:0;background:#eef9f3;border-radius:10px;font-size:18px}
.go-category-name{font-size:14px;font-weight:600}

/* CTA */
.go-cta{padding:30px 0 70px}
.go-cta-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 42px;background:var(--go-primary);border-radius:20px;color:#fff}
.go-cta-box .go-section-eyebrow{color:#c7f0d9}
.go-cta-title{margin:6px 0 5px;font-size:27px;letter-spacing:-.5px}
.go-cta-description{margin:0;color:#d8f4e3;font-size:14px}
.go-button{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 21px;border-radius:23px;font-size:14px;font-weight:650;white-space:nowrap}
.go-button-light{background:#fff;color:var(--go-primary)}
.go-button-light:hover{background:#f0fff6}

/* Footer */
.go-footer{background:#202124;color:#fff}
.go-footer-main{display:flex;justify-content:space-between;gap:60px;padding:50px 0 42px}
.go-footer-brand{max-width:300px}
.go-footer-brand .go-logo-text{color:#fff}
.go-footer-brand p{margin:15px 0 0;color:#aeb0b4;font-size:13px;line-height:1.6}
.go-footer-links{display:flex;gap:90px}
.go-footer-column{display:flex;flex-direction:column;gap:10px;min-width:110px}
.go-footer-column h3{margin:0 0 5px;font-size:13px}
.go-footer-column a{color:#aeb0b4;font-size:13px}
.go-footer-column a:hover{color:#fff}
.go-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid #3a3b3e;color:#8e9196;font-size:12px}

Bạn thêm CSS này vào go.css. Nó phù hợp trực tiếp với HTML phân trang hiện tại của bạn:

.go-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    padding: 0;
    flex-wrap: wrap;
}

.go-pagination-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #e2e5e9;
    border-radius: 10px;
    background: #fff;
    color: #20242a;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.go-pagination-button:hover {
    border-color: #111827;
    background: #111827;
    color: #fff;
    transform: translateY(-1px);
}

.go-pagination-button:focus-visible {
    outline: 3px solid rgba(17, 24, 39, .18);
    outline-offset: 2px;
}

.go-pagination-button-active {
    border-color: #111827;
    background: #111827;
    color: #fff;
    cursor: default;
}

.go-pagination-button-active:hover {
    border-color: #111827;
    background: #111827;
    color: #fff;
    transform: none;
}

.go-pagination-prev,
.go-pagination-next {
    font-size: 18px;
    font-weight: 500;
}

.go-pagination-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 42px;
    color: #737983;
    font-size: 14px;
    font-weight: 600;
    user-select: none;
}

.go-section-seo {
    background: #fff;
    border-top: 1px solid #eee;
}

.go-seo-content {
    margin: 0 auto;
    color: #5f6368;
    font-size: 15px;
    line-height: 1.8;
}

.go-seo-content h2 {
    margin: 0 0 18px;
    color: #17191c;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.go-seo-content h3 {
    margin: 32px 0 10px;
    color: #202328;
    font-size: 20px;
    line-height: 1.4;
}

.go-seo-content p {
    margin: 0 0 16px;
}

.go-seo-content p:last-child {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .go-seo-content {
        font-size: 14px;
        line-height: 1.7;
    }

    .go-seo-content h2 {
        font-size: 25px;
    }

    .go-seo-content h3 {
        margin-top: 26px;
        font-size: 18px;
    }
}

@media (max-width: 640px) {
    .go-pagination {
        gap: 6px;
        margin-top: 32px;
    }

    .go-pagination-button {
        min-width: 38px;
        height: 38px;
        padding: 0 10px;
        border-radius: 8px;
        font-size: 13px;
    }

    .go-pagination-prev,
    .go-pagination-next {
        font-size: 16px;
    }

    .go-pagination-dots {
        min-width: 24px;
        height: 38px;
    }
}

/* Responsive */
@media(max-width:1000px){
    .go-nav{display:none}
    .go-mobile-menu{display:block}
    .go-header-search{width:250px}
    .go-hero-title{font-size:44px}
    .go-game-grid{grid-template-columns:repeat(5,1fr)}
    .go-category-grid{grid-template-columns:repeat(5,1fr)}
	.go-featured-grid{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:700px){
    .go-container{width:min(calc(100% - 28px),var(--go-container))}
    .go-header-inner{height:60px;gap:12px}
    .go-header-search{width:auto;flex:1;height:39px}
    .go-mobile-menu{display:block;flex-shrink:0}
    .go-mobile-nav{display:flex;flex-direction:column;max-height:0;overflow:hidden;background:#fff;border-top:0;transition:max-height 200ms ease}
    .go-mobile-nav-open{max-height:200px;border-top:1px solid var(--go-border)}
    .go-mobile-nav-link{padding:13px 20px;color:var(--go-text-secondary);font-size:14px;border-bottom:1px solid #f0f1f2}
    .go-mobile-nav-link-active{color:var(--go-primary);font-weight:600}
    .go-hero-content{padding:55px 0 50px}
    .go-hero-title{font-size:36px;letter-spacing:-1.3px}
    .go-hero-description{font-size:16px;margin-bottom:24px}
    .go-hero-search{height:52px}
    .go-hero-search-button{height:40px;padding:0 17px}
    .go-section{padding:43px 0}
    .go-section-title{font-size:23px}
    .go-section-header{margin-bottom:19px}
    .go-featured-grid{grid-template-columns: repeat(2, 1fr);;gap:15px}
    .go-game-grid{grid-template-columns:repeat(2,1fr);gap:19px 13px}
    .go-category-grid{grid-template-columns:repeat(2,1fr);gap:9px}
    .go-category-card{padding:13px 12px;gap:9px}
    .go-category-icon{width:34px;height:34px}
    .go-cta{padding:20px 0 50px}
    .go-cta-box{align-items:flex-start;flex-direction:column;padding:29px 25px}
    .go-footer-main{flex-direction:column;padding:40px 0 30px;gap:35px}
    .go-footer-links{gap:55px}
    .go-footer-bottom{flex-direction:column;gap:5px}
}
@media(max-width:450px){
    .go-logo-text{display:none}
    .go-header-search{max-width:none}
    .go-hero-title{font-size:32px}
    .go-hero-links{gap:6px}
    .go-game-grid{grid-template-columns:repeat(2,1fr)}
    .go-game-info .go-game-title{font-size:14px}
    .go-footer-links{gap:35px}
}

.go-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.go-game-card{min-width:0;background:#fff;border:1px solid #e8eaed;border-radius:14px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.go-game-card:hover{transform:translateY(-3px);border-color:#dadce0;box-shadow:0 5px 18px rgba(60,64,67,.14)}.go-game-card-link{display:block;color:inherit;text-decoration:none}.go-game-thumb{position:relative;aspect-ratio:16/9;background:#f1f3f4;overflow:hidden}.go-game-image{display:block;width:100%;height:100%;object-fit:cover}.go-game-image-placeholder{display:flex;align-items:center;justify-content:center;font-size:40px;color:#9aa0a6}.go-game-info{padding:14px}.go-game-title{margin:0;color:#202124;font-size:16px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.go-game-category{margin-top:5px;color:#5f6368;font-size:13px}.go-game-description{margin:8px 0 0;color:#5f6368;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.go-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.go-category-card{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:1px solid #e8eaed;border-radius:12px;color:#202124;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.go-category-card:hover{background:#f8f9fa;border-color:#dadce0;transform:translateY(-2px)}.go-category-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#f1f3f4;font-size:17px;flex:none}.go-category-name{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.go-empty,.go-error{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;color:#5f6368;font-size:14px}.go-error{flex-wrap:wrap}.go-error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fce8e6;color:#d93025;font-weight:700}.go-retry-button{border:0;border-radius:8px;background:#1a73e8;color:#fff;padding:8px 14px;font:inherit;cursor:pointer}.go-skeleton{background:linear-gradient(90deg,#f1f3f4 25%,#e8eaed 37%,#f1f3f4 63%);background-size:400% 100%;animation:goSkeleton 1.4s ease infinite}.go-skeleton-card{border-color:#f1f3f4;pointer-events:none}.go-skeleton-thumb{aspect-ratio:16/9}.go-skeleton-content{padding:14px}.go-skeleton-title{height:16px;width:72%;border-radius:5px}.go-skeleton-category{height:12px;width:42%;margin-top:9px;border-radius:4px}.go-skeleton-category-card{height:64px;pointer-events:none}.go-skeleton-category-icon{width:34px;height:34px;border-radius:9px}.go-skeleton-category-name{height:13px;width:65%;border-radius:4px}@keyframes goSkeleton{0%{background-position:100% 0}100%{background-position:-100% 0}}@media(max-width:1000px){.go-game-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.go-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.go-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.go-game-info{padding:11px}.go-game-description{display:none}.go-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.go-category-card{padding:11px 12px}}@media(max-width:420px){.go-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.go-game-title{font-size:14px}.go-game-category{font-size:12px}.go-game-info{padding:9px}.go-category-name{font-size:13px}}
.go-page-hero{padding:55px 0 50px;background:linear-gradient(135deg,#f0fbf5 0%,#f8fbfa 55%,#fff 100%);border-bottom:1px solid var(--go-border)}
.go-page-title{margin:8px 0 10px;font-size:42px;line-height:1.12;letter-spacing:-1.4px;font-weight:750}
.go-page-description{max-width:680px;margin:0;color:var(--go-text-secondary);font-size:16px;line-height:1.6}
.go-game-grid-page{grid-template-columns:repeat(4,minmax(0,1fr))}
.go-games-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--go-border)}
.go-games-count,.go-results-count{color:var(--go-text-secondary);font-size:13px}
.go-sort-nav{display:flex;align-items:center;gap:5px}
.go-sort-link{padding:7px 12px;border-radius:8px;color:var(--go-text-secondary);font-size:13px;font-weight:500}
.go-sort-link:hover{background:#f1f3f4;color:var(--go-text)}
.go-sort-link-active{background:#e8f5ee;color:var(--go-primary);font-weight:600}
.go-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:38px}
.go-pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--go-border);border-radius:9px;color:var(--go-text-secondary);font-size:13px;font-weight:500;background:#fff}
.go-pagination-link:hover{border-color:#b7dfc8;color:var(--go-primary);background:#f5fcf8}
.go-pagination-active{border-color:var(--go-primary);background:var(--go-primary);color:#fff}
.go-pagination-active:hover{background:var(--go-primary-dark);color:#fff}
.go-pagination-disabled{opacity:.45;pointer-events:none}
.go-pagination-dots{padding:0 4px;color:var(--go-text-secondary)}
.go-category-heading{display:flex;align-items:center;gap:18px}
.go-category-heading-icon{width:58px;height:58px;display:grid;place-items:center;flex-shrink:0;background:#e8f5ee;border-radius:15px;font-size:27px}
.go-category-heading .go-page-title{margin-top:0}
.go-search-page-hero{padding-bottom:58px}
.go-search-page-form{display:flex;align-items:center;width:min(100%,700px);height:54px;margin-top:25px;background:#fff;border:1px solid #dadce0;border-radius:27px;padding:0 6px 0 17px;box-shadow:0 2px 10px rgba(60,64,67,.07)}
.go-search-page-form:focus-within{border-color:var(--go-primary);box-shadow:0 0 0 3px rgba(15,157,88,.1)}
.go-search-page-input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--go-text);padding:0 12px;font-size:15px}
.go-search-page-input::placeholder{color:#777b80}
.go-search-page-button{height:42px;padding:0 21px;border:0;border-radius:21px;background:var(--go-primary);color:#fff;font-size:14px;font-weight:600;transition:var(--go-transition)}
.go-search-page-button:hover{background:var(--go-primary-dark)}
@media(max-width:1000px){
    .go-game-grid-page{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
    .go-page-hero{padding:43px 0 40px}
    .go-page-title{font-size:34px;letter-spacing:-1px}
    .go-page-description{font-size:15px}
    .go-games-toolbar{align-items:flex-start;flex-direction:column;gap:12px}
    .go-sort-nav{width:100%;overflow-x:auto;padding-bottom:2px}
    .go-sort-link{white-space:nowrap}
    .go-game-grid-page{grid-template-columns:repeat(2,minmax(0,1fr))}
    .go-category-heading{align-items:flex-start;gap:13px}
    .go-category-heading-icon{width:48px;height:48px;font-size:22px}
    .go-search-page-form{height:52px}
}
@media(max-width:450px){
    .go-page-title{font-size:30px}
    .go-category-heading-icon{width:43px;height:43px;border-radius:12px;font-size:19px}
    .go-search-page-button{padding:0 15px}
}