/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!./assets/styles/pages/home.css ***!
  \*********************************************************************************************************************/
/* assets/styles/pages/home.css */

.hero {
    padding: 4rem 0 2.5rem;
    background: radial-gradient(circle at top left, rgba(0, 224, 255, 0.18), transparent 45%),
        linear-gradient(140deg, rgba(10, 15, 36, 0.92) 0%, rgba(9, 12, 28, 0.85) 55%, rgba(9, 12, 28, 0.6) 100%);
    border-bottom: 1px solid rgba(0, 224, 255, 0.08);
}

.hero .hero-text h1 {
    color: var(--color-text);
}

.hero .hero-panel {
    background: rgba(20, 26, 51, 0.9);
    border: 1px solid rgba(0, 224, 255, 0.18);
}

.compare-table-wrap {
    margin-top: 3rem;
    background: rgba(20, 26, 51, 0.92);
    border: 1px solid rgba(0, 224, 255, 0.16);
    border-radius: 16px;
    padding: 2.5rem 2rem;
    box-shadow: 0 18px 36px rgba(0, 14, 38, 0.32);
}

.compare-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1.5rem;
    color: var(--color-text);
    font-size: 0.95rem;
}

.compare-table caption {
    caption-side: top;
    text-align: left;
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-bottom: 0.75rem;
}

.compare-table thead th {
    background: linear-gradient(135deg, rgba(0, 224, 255, 0.22), rgba(0, 149, 212, 0.22));
    color: var(--color-text);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.78rem;
    padding: 0.9rem 1rem;
    text-align: left;
    border-bottom: 1px solid rgba(0, 224, 255, 0.18);
}

.compare-table tbody tr {
    background: rgba(10, 15, 36, 0.72);
    border-bottom: 1px solid rgba(0, 224, 255, 0.08);
}

.compare-table tbody tr:last-of-type {
    border-bottom: none;
}

.compare-table th[scope="row"],
.compare-table td {
    padding: 0.85rem 1rem;
}

.compare-table th[scope="row"] {
    color: var(--color-muted);
    font-weight: 500;
    width: 30%;
}

.compare-table td {
    color: var(--color-text);
    width: 35%;
}

.compare-table .empty-state {
    text-align: center;
    padding: 1.5rem 0;
    color: var(--color-muted);
}

.popular-section {
    margin-top: 4rem;
}

.popular-list {
    display: grid;
    gap: 1.75rem;
    margin-top: 2rem;
}

@media (min-width: 960px) {
    .popular-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.popular-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1.75rem;
    align-items: center;
    padding: 1.75rem;
    background: rgba(14, 20, 42, 0.92);
    border-radius: 18px;
    border: 1px solid rgba(0, 224, 255, 0.14);
    box-shadow: 0 16px 32px rgba(0, 18, 40, 0.38);
}

.popular-card--gpu {
    border-color: rgba(0, 224, 255, 0.28);  
}

.popular-card--cpu {
    border-color: rgba(0, 224, 255, 0.28);
}

.popular-card--cpu {
    border-color: rgba(0, 224, 255, 0.28);
}
.popular-card__image {
    width: 150px;
    height: 110px;
    object-fit: contain;
    border-radius: 14px;
    background: rgba(4, 12, 28, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 0.75rem;
}

.popular-card__category {
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(0, 224, 255, 0.75);
    margin-bottom: 0.6rem;
}

.popular-card--cpu .popular-card__category {
    color: rgba(0, 224, 255, 0.75);
}
.popular-card__title {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.5;
    font-weight: 600;
}

.popular-card__vs {
    display: inline-block;
    margin: 0 0.6rem;
    padding: 0.15rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    letter-spacing: 0.12em;
    background: rgba(0, 224, 255, 0.14);
    color: var(--color-text);
}

.popular-card--cpu .popular-card__vs {
    background: rgba(0, 224, 255, 0.14);
}
.popular-card__body {
    display: grid;
    gap: 0.4rem;
}

.popular-card__cta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.popular-card__cta .btn-ghost {
    background: transparent;
    color: rgba(186, 156, 255, 0.9);
    border: 1px solid rgba(186, 156, 255, 0.4);
    box-shadow: none;
}

.popular-card__cta .btn-ghost:hover {
    border-color: rgba(186, 156, 255, 0.7);
    color: #ffffff;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9tZS5jc3MiLCJtYXBwaW5ncyI6Ijs7O0FBQUEsaUNBQWlDOztBQUVqQztJQUNJLHNCQUFzQjtJQUN0QjtnSEFDNEc7SUFDNUcsZ0RBQWdEO0FBQ3BEOztBQUVBO0lBQ0ksd0JBQXdCO0FBQzVCOztBQUVBO0lBQ0ksaUNBQWlDO0lBQ2pDLHlDQUF5QztBQUM3Qzs7QUFFQTtJQUNJLGdCQUFnQjtJQUNoQixrQ0FBa0M7SUFDbEMseUNBQXlDO0lBQ3pDLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsNkNBQTZDO0FBQ2pEOztBQUVBO0lBQ0ksV0FBVztJQUNYLHlCQUF5QjtJQUN6QixrQkFBa0I7SUFDbEIsd0JBQXdCO0lBQ3hCLGtCQUFrQjtBQUN0Qjs7QUFFQTtJQUNJLGlCQUFpQjtJQUNqQixnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCLHlCQUF5QjtJQUN6QixzQkFBc0I7QUFDMUI7O0FBRUE7SUFDSSxxRkFBcUY7SUFDckYsd0JBQXdCO0lBQ3hCLHlCQUF5QjtJQUN6QixzQkFBc0I7SUFDdEIsa0JBQWtCO0lBQ2xCLG9CQUFvQjtJQUNwQixnQkFBZ0I7SUFDaEIsZ0RBQWdEO0FBQ3BEOztBQUVBO0lBQ0ksa0NBQWtDO0lBQ2xDLGdEQUFnRDtBQUNwRDs7QUFFQTtJQUNJLG1CQUFtQjtBQUN2Qjs7QUFFQTs7SUFFSSxxQkFBcUI7QUFDekI7O0FBRUE7SUFDSSx5QkFBeUI7SUFDekIsZ0JBQWdCO0lBQ2hCLFVBQVU7QUFDZDs7QUFFQTtJQUNJLHdCQUF3QjtJQUN4QixVQUFVO0FBQ2Q7O0FBRUE7SUFDSSxrQkFBa0I7SUFDbEIsaUJBQWlCO0lBQ2pCLHlCQUF5QjtBQUM3Qjs7QUFFQTtJQUNJLGdCQUFnQjtBQUNwQjs7QUFFQTtJQUNJLGFBQWE7SUFDYixZQUFZO0lBQ1osZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0k7UUFDSSxnREFBZ0Q7SUFDcEQ7QUFDSjs7QUFFQTtJQUNJLGFBQWE7SUFDYixvQ0FBb0M7SUFDcEMsWUFBWTtJQUNaLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsa0NBQWtDO0lBQ2xDLG1CQUFtQjtJQUNuQix5Q0FBeUM7SUFDekMsNkNBQTZDO0FBQ2pEOztBQUVBO0lBQ0kscUNBQXFDO0FBQ3pDOztBQUVBO0lBQ0kscUNBQXFDO0FBQ3pDOztBQUVBO0lBQ0kscUNBQXFDO0FBQ3pDO0FBQ0E7SUFDSSxZQUFZO0lBQ1osYUFBYTtJQUNiLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsaUNBQWlDO0lBQ2pDLDJDQUEyQztJQUMzQyxnQkFBZ0I7QUFDcEI7O0FBRUE7SUFDSSxxQkFBcUI7SUFDckIsa0JBQWtCO0lBQ2xCLHNCQUFzQjtJQUN0Qix5QkFBeUI7SUFDekIsOEJBQThCO0lBQzlCLHFCQUFxQjtBQUN6Qjs7QUFFQTtJQUNJLDhCQUE4QjtBQUNsQztBQUNBO0lBQ0ksU0FBUztJQUNULGtCQUFrQjtJQUNsQixnQkFBZ0I7SUFDaEIsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0kscUJBQXFCO0lBQ3JCLGdCQUFnQjtJQUNoQix1QkFBdUI7SUFDdkIsb0JBQW9CO0lBQ3BCLGtCQUFrQjtJQUNsQixzQkFBc0I7SUFDdEIsbUNBQW1DO0lBQ25DLHdCQUF3QjtBQUM1Qjs7QUFFQTtJQUNJLG1DQUFtQztBQUN2QztBQUNBO0lBQ0ksYUFBYTtJQUNiLFdBQVc7QUFDZjs7QUFFQTtJQUNJLGFBQWE7SUFDYixtQkFBbUI7SUFDbkIseUJBQXlCO0FBQzdCOztBQUVBO0lBQ0ksdUJBQXVCO0lBQ3ZCLCtCQUErQjtJQUMvQiwwQ0FBMEM7SUFDMUMsZ0JBQWdCO0FBQ3BCOztBQUVBO0lBQ0ksc0NBQXNDO0lBQ3RDLGNBQWM7QUFDbEIsQyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL2Fzc2V0cy9zdHlsZXMvcGFnZXMvaG9tZS5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLyogYXNzZXRzL3N0eWxlcy9wYWdlcy9ob21lLmNzcyAqL1xyXG5cclxuLmhlcm8ge1xyXG4gICAgcGFkZGluZzogNHJlbSAwIDIuNXJlbTtcclxuICAgIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChjaXJjbGUgYXQgdG9wIGxlZnQsIHJnYmEoMCwgMjI0LCAyNTUsIDAuMTgpLCB0cmFuc3BhcmVudCA0NSUpLFxyXG4gICAgICAgIGxpbmVhci1ncmFkaWVudCgxNDBkZWcsIHJnYmEoMTAsIDE1LCAzNiwgMC45MikgMCUsIHJnYmEoOSwgMTIsIDI4LCAwLjg1KSA1NSUsIHJnYmEoOSwgMTIsIDI4LCAwLjYpIDEwMCUpO1xyXG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwgMjI0LCAyNTUsIDAuMDgpO1xyXG59XHJcblxyXG4uaGVybyAuaGVyby10ZXh0IGgxIHtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci10ZXh0KTtcclxufVxyXG5cclxuLmhlcm8gLmhlcm8tcGFuZWwge1xyXG4gICAgYmFja2dyb3VuZDogcmdiYSgyMCwgMjYsIDUxLCAwLjkpO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAyMjQsIDI1NSwgMC4xOCk7XHJcbn1cclxuXHJcbi5jb21wYXJlLXRhYmxlLXdyYXAge1xyXG4gICAgbWFyZ2luLXRvcDogM3JlbTtcclxuICAgIGJhY2tncm91bmQ6IHJnYmEoMjAsIDI2LCA1MSwgMC45Mik7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDIyNCwgMjU1LCAwLjE2KTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcbiAgICBwYWRkaW5nOiAyLjVyZW0gMnJlbTtcclxuICAgIGJveC1zaGFkb3c6IDAgMThweCAzNnB4IHJnYmEoMCwgMTQsIDM4LCAwLjMyKTtcclxufVxyXG5cclxuLmNvbXBhcmUtdGFibGUge1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xyXG4gICAgbWFyZ2luLXRvcDogMS41cmVtO1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpO1xyXG4gICAgZm9udC1zaXplOiAwLjk1cmVtO1xyXG59XHJcblxyXG4uY29tcGFyZS10YWJsZSBjYXB0aW9uIHtcclxuICAgIGNhcHRpb24tc2lkZTogdG9wO1xyXG4gICAgdGV4dC1hbGlnbjogbGVmdDtcclxuICAgIGZvbnQtc2l6ZTogMC44NXJlbTtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1tdXRlZCk7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xyXG59XHJcblxyXG4uY29tcGFyZS10YWJsZSB0aGVhZCB0aCB7XHJcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMTM1ZGVnLCByZ2JhKDAsIDIyNCwgMjU1LCAwLjIyKSwgcmdiYSgwLCAxNDksIDIxMiwgMC4yMikpO1xyXG4gICAgY29sb3I6IHZhcigtLWNvbG9yLXRleHQpO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuICAgIGxldHRlci1zcGFjaW5nOiAwLjA1ZW07XHJcbiAgICBmb250LXNpemU6IDAuNzhyZW07XHJcbiAgICBwYWRkaW5nOiAwLjlyZW0gMXJlbTtcclxuICAgIHRleHQtYWxpZ246IGxlZnQ7XHJcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAyMjQsIDI1NSwgMC4xOCk7XHJcbn1cclxuXHJcbi5jb21wYXJlLXRhYmxlIHRib2R5IHRyIHtcclxuICAgIGJhY2tncm91bmQ6IHJnYmEoMTAsIDE1LCAzNiwgMC43Mik7XHJcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLCAyMjQsIDI1NSwgMC4wOCk7XHJcbn1cclxuXHJcbi5jb21wYXJlLXRhYmxlIHRib2R5IHRyOmxhc3Qtb2YtdHlwZSB7XHJcbiAgICBib3JkZXItYm90dG9tOiBub25lO1xyXG59XHJcblxyXG4uY29tcGFyZS10YWJsZSB0aFtzY29wZT1cInJvd1wiXSxcclxuLmNvbXBhcmUtdGFibGUgdGQge1xyXG4gICAgcGFkZGluZzogMC44NXJlbSAxcmVtO1xyXG59XHJcblxyXG4uY29tcGFyZS10YWJsZSB0aFtzY29wZT1cInJvd1wiXSB7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItbXV0ZWQpO1xyXG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcclxuICAgIHdpZHRoOiAzMCU7XHJcbn1cclxuXHJcbi5jb21wYXJlLXRhYmxlIHRkIHtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci10ZXh0KTtcclxuICAgIHdpZHRoOiAzNSU7XHJcbn1cclxuXHJcbi5jb21wYXJlLXRhYmxlIC5lbXB0eS1zdGF0ZSB7XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAxLjVyZW0gMDtcclxuICAgIGNvbG9yOiB2YXIoLS1jb2xvci1tdXRlZCk7XHJcbn1cclxuXHJcbi5wb3B1bGFyLXNlY3Rpb24ge1xyXG4gICAgbWFyZ2luLXRvcDogNHJlbTtcclxufVxyXG5cclxuLnBvcHVsYXItbGlzdCB7XHJcbiAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgZ2FwOiAxLjc1cmVtO1xyXG4gICAgbWFyZ2luLXRvcDogMnJlbTtcclxufVxyXG5cclxuQG1lZGlhIChtaW4td2lkdGg6IDk2MHB4KSB7XHJcbiAgICAucG9wdWxhci1saXN0IHtcclxuICAgICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XHJcbiAgICB9XHJcbn1cclxuXHJcbi5wb3B1bGFyLWNhcmQge1xyXG4gICAgZGlzcGxheTogZ3JpZDtcclxuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0byAxZnIgYXV0bztcclxuICAgIGdhcDogMS43NXJlbTtcclxuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nOiAxLjc1cmVtO1xyXG4gICAgYmFja2dyb3VuZDogcmdiYSgxNCwgMjAsIDQyLCAwLjkyKTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE4cHg7XHJcbiAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDIyNCwgMjU1LCAwLjE0KTtcclxuICAgIGJveC1zaGFkb3c6IDAgMTZweCAzMnB4IHJnYmEoMCwgMTgsIDQwLCAwLjM4KTtcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZC0tZ3B1IHtcclxuICAgIGJvcmRlci1jb2xvcjogcmdiYSgwLCAyMjQsIDI1NSwgMC4yOCk7ICBcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZC0tY3B1IHtcclxuICAgIGJvcmRlci1jb2xvcjogcmdiYSgwLCAyMjQsIDI1NSwgMC4yOCk7XHJcbn1cclxuXHJcbi5wb3B1bGFyLWNhcmQtLWNwdSB7XHJcbiAgICBib3JkZXItY29sb3I6IHJnYmEoMCwgMjI0LCAyNTUsIDAuMjgpO1xyXG59XHJcbi5wb3B1bGFyLWNhcmRfX2ltYWdlIHtcclxuICAgIHdpZHRoOiAxNTBweDtcclxuICAgIGhlaWdodDogMTEwcHg7XHJcbiAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMTRweDtcclxuICAgIGJhY2tncm91bmQ6IHJnYmEoNCwgMTIsIDI4LCAwLjY1KTtcclxuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4wNSk7XHJcbiAgICBwYWRkaW5nOiAwLjc1cmVtO1xyXG59XHJcblxyXG4ucG9wdWxhci1jYXJkX19jYXRlZ29yeSB7XHJcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgICBmb250LXNpemU6IDAuNzVyZW07XHJcbiAgICBsZXR0ZXItc3BhY2luZzogMC4wOGVtO1xyXG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcclxuICAgIGNvbG9yOiByZ2JhKDAsIDIyNCwgMjU1LCAwLjc1KTtcclxuICAgIG1hcmdpbi1ib3R0b206IDAuNnJlbTtcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZC0tY3B1IC5wb3B1bGFyLWNhcmRfX2NhdGVnb3J5IHtcclxuICAgIGNvbG9yOiByZ2JhKDAsIDIyNCwgMjU1LCAwLjc1KTtcclxufVxyXG4ucG9wdWxhci1jYXJkX190aXRsZSB7XHJcbiAgICBtYXJnaW46IDA7XHJcbiAgICBmb250LXNpemU6IDEuMDVyZW07XHJcbiAgICBsaW5lLWhlaWdodDogMS41O1xyXG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZF9fdnMge1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgbWFyZ2luOiAwIDAuNnJlbTtcclxuICAgIHBhZGRpbmc6IDAuMTVyZW0gMC42cmVtO1xyXG4gICAgYm9yZGVyLXJhZGl1czogOTk5cHg7XHJcbiAgICBmb250LXNpemU6IDAuNzVyZW07XHJcbiAgICBsZXR0ZXItc3BhY2luZzogMC4xMmVtO1xyXG4gICAgYmFja2dyb3VuZDogcmdiYSgwLCAyMjQsIDI1NSwgMC4xNCk7XHJcbiAgICBjb2xvcjogdmFyKC0tY29sb3ItdGV4dCk7XHJcbn1cclxuXHJcbi5wb3B1bGFyLWNhcmQtLWNwdSAucG9wdWxhci1jYXJkX192cyB7XHJcbiAgICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDIyNCwgMjU1LCAwLjE0KTtcclxufVxyXG4ucG9wdWxhci1jYXJkX19ib2R5IHtcclxuICAgIGRpc3BsYXk6IGdyaWQ7XHJcbiAgICBnYXA6IDAuNHJlbTtcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZF9fY3RhIHtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZF9fY3RhIC5idG4tZ2hvc3Qge1xyXG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XHJcbiAgICBjb2xvcjogcmdiYSgxODYsIDE1NiwgMjU1LCAwLjkpO1xyXG4gICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgxODYsIDE1NiwgMjU1LCAwLjQpO1xyXG4gICAgYm94LXNoYWRvdzogbm9uZTtcclxufVxyXG5cclxuLnBvcHVsYXItY2FyZF9fY3RhIC5idG4tZ2hvc3Q6aG92ZXIge1xyXG4gICAgYm9yZGVyLWNvbG9yOiByZ2JhKDE4NiwgMTU2LCAyNTUsIDAuNyk7XHJcbiAgICBjb2xvcjogI2ZmZmZmZjtcclxufSJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==*/