@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-vietnamese-700-normal.DYeBwlKR.woff2) format("woff2"),url(/_astro/barlow-condensed-vietnamese-700-normal.DhIzd8Tb.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-ext-700-normal.CwuXbfVR.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-ext-700-normal.BIHFfxf0.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-condensed-latin-700-normal.v1xN8_Wq.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-700-normal.Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-condensed-vietnamese-800-normal.CpjukuLw.woff2) format("woff2"),url(/_astro/barlow-condensed-vietnamese-800-normal.BZxKbt5V.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-condensed-latin-ext-800-normal.DGNyg4u8.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-ext-800-normal.gY_0Gifi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-condensed-latin-800-normal.BKzMuPgK.woff2) format("woff2"),url(/_astro/barlow-condensed-latin-800-normal.e9GbPXiK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-vietnamese-700-normal.D6euyNzi.woff2) format("woff2"),url(/_astro/barlow-vietnamese-700-normal.4Jt4k04K.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-ext-700-normal.BLuWmldJ.woff2) format("woff2"),url(/_astro/barlow-latin-ext-700-normal.CctuGmmz.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/barlow-latin-700-normal.A9pxMQ4z.woff2) format("woff2"),url(/_astro/barlow-latin-700-normal.__SGTsZ1.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-vietnamese-800-normal.Cl1Mc_Dv.woff2) format("woff2"),url(/_astro/barlow-vietnamese-800-normal.D0VWpbij.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-latin-ext-800-normal.BiucknKG.woff2) format("woff2"),url(/_astro/barlow-latin-ext-800-normal.D7I3yvUw.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/barlow-latin-800-normal.s1sAMnoV.woff2) format("woff2"),url(/_astro/barlow-latin-800-normal.BdVooDN4.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-cyrillic-ext-400-normal.g30qAdWV.woff2) format("woff2"),url(/_astro/ibm-plex-sans-cyrillic-ext-400-normal.Dsrv2Tcn.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-cyrillic-400-normal.DZqxrq2p.woff2) format("woff2"),url(/_astro/ibm-plex-sans-cyrillic-400-normal.BTotfTJu.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-greek-400-normal._efipK4i.woff2) format("woff2"),url(/_astro/ibm-plex-sans-greek-400-normal.D9ESIMu3.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-vietnamese-400-normal.DG4YqDda.woff2) format("woff2"),url(/_astro/ibm-plex-sans-vietnamese-400-normal.fK1oJ5dG.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-ext-400-normal.C5H60-Va.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-ext-400-normal.RBey6euL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-sans-latin-400-normal.CDDApCn2.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-400-normal.CYLoc0-x.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-cyrillic-ext-600-normal.DUMzJB7m.woff2) format("woff2"),url(/_astro/ibm-plex-sans-cyrillic-ext-600-normal.Bz0x94Yp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-cyrillic-600-normal.71GNu3SW.woff2) format("woff2"),url(/_astro/ibm-plex-sans-cyrillic-600-normal.BGq0mW3O.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-greek-600-normal.DzTrcv_p.woff2) format("woff2"),url(/_astro/ibm-plex-sans-greek-600-normal.D-CqTdkO.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-vietnamese-600-normal.DpPYBSTl.woff2) format("woff2"),url(/_astro/ibm-plex-sans-vietnamese-600-normal.DgdngZtN.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-latin-ext-600-normal.DOrvGEcy.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-ext-600-normal.DIrixKbi.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-600-normal.Cu4Hd6ag.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-cyrillic-ext-700-normal.BmRLXWpJ.woff2) format("woff2"),url(/_astro/ibm-plex-sans-cyrillic-ext-700-normal.DCQwxkRk.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-cyrillic-700-normal.D_uavGvn.woff2) format("woff2"),url(/_astro/ibm-plex-sans-cyrillic-700-normal.RFb1v-CK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-greek-700-normal.wyJ6jzdA.woff2) format("woff2"),url(/_astro/ibm-plex-sans-greek-700-normal.CkZN0sRy.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-vietnamese-700-normal.CkEo6LDy.woff2) format("woff2"),url(/_astro/ibm-plex-sans-vietnamese-700-normal.BV5B8Are.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-latin-ext-700-normal.aMgXseD4.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-ext-700-normal.DZH6Xh-4.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/ibm-plex-sans-latin-700-normal.Bxkt5Cjx.woff2) format("woff2"),url(/_astro/ibm-plex-sans-latin-700-normal.Bth3BMcD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--border-brutal: 4px solid var(--brutal-black);--border-medium: 3px solid var(--brutal-black);--border-thin: 2px solid var(--brutal-black);--shadow-brutal: 8px 8px 0px var(--brutal-black);--shadow-brutal-lg: 12px 12px 0px var(--brutal-black);--shadow-brutal-xl: 16px 16px 0px var(--brutal-black);--shadow-brutal-colored: 8px 8px 0px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:var(--font-body);line-height:1.6;color:var(--brutal-black);background:var(--brutal-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.display-1{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);line-height:.9;font-weight:400;text-transform:uppercase;letter-spacing:-.02em}.display-2{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:.95;font-weight:400;text-transform:uppercase;letter-spacing:-.01em}.h1{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}.h2{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;font-weight:900;text-transform:uppercase}.h3{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3;font-weight:900;text-transform:uppercase}.h4{font-family:var(--font-body);font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.4;font-weight:800;text-transform:uppercase}.body-large{font-size:1.25rem;line-height:1.7;font-weight:400}.body-regular{font-size:1rem;line-height:1.6;font-weight:400}.body-small{font-size:.875rem;line-height:1.5;font-weight:400}.label-bold{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.label-regular{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:var(--border-brutal);background:var(--brutal-white);color:var(--brutal-black);font-family:var(--font-body);font-size:1rem;font-weight:800;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;box-shadow:var(--shadow-brutal)}.btn:hover{transform:translate(4px,4px);box-shadow:4px 4px 0 var(--brutal-black)}.btn:active{transform:translate(8px,8px);box-shadow:none}.btn:focus-visible{outline:4px solid var(--brutal-black);outline-offset:4px}.btn-primary{background:var(--brutal-yellow);color:var(--brutal-black)}.btn-secondary{background:var(--brutal-blue);color:var(--brutal-white)}.btn-accent{background:var(--brutal-red);color:var(--brutal-white)}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:1.25rem}.btn-small{padding:var(--space-sm) var(--space-lg);font-size:.875rem}.btn-outline{background:transparent;color:var(--brutal-black)}.btn-full{width:100%}.card{background:var(--brutal-white);border:var(--border-brutal);box-shadow:var(--shadow-brutal);overflow:hidden}.card-header{padding:var(--space-lg);background:var(--brutal-yellow);border-bottom:var(--border-brutal)}.card-body{padding:var(--space-lg)}.card-footer{padding:var(--space-lg);background:var(--gray-100);border-top:var(--border-brutal)}.card-review{position:relative}.card-review:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--brutal-black);transition:all var(--transition-base)}.card-product{background:var(--gray-100)}.card-featured{border:6px solid var(--brutal-black);box-shadow:var(--shadow-brutal-xl)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border:var(--border-thin);background:var(--brutal-white);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:3px 3px 0 var(--brutal-black)}.badge-rating{background:var(--brutal-green);color:var(--brutal-black)}.badge-category{background:var(--brutal-blue);color:var(--brutal-white)}.badge-new{background:var(--brutal-red);color:var(--brutal-white)}.badge-pro{background:var(--brutal-purple);color:var(--brutal-white)}.rating-display{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--brutal-black);color:var(--brutal-yellow);border:var(--border-brutal);box-shadow:4px 4px 0 var(--brutal-yellow)}.rating-number{font-family:var(--font-heading);font-size:2rem;line-height:1;font-weight:900}.rating-label{font-size:.75rem;font-weight:800;text-transform:uppercase}.rating-stars{display:flex;gap:2px}.rating-star{width:24px;height:24px;background:var(--brutal-yellow);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.input{width:100%;padding:var(--space-md);border:var(--border-brutal);background:var(--brutal-white);font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--brutal-black);box-shadow:4px 4px 0 var(--brutal-black);transition:all var(--transition-fast)}.input:focus{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--brutal-black)}.input::placeholder{color:var(--gray-300);font-weight:400}.textarea{min-height:120px;resize:vertical}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='black' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;padding-inline-end:var(--space-2xl)}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.checkbox{appearance:none;width:24px;height:24px;border:var(--border-brutal);background:var(--brutal-white);cursor:pointer;position:relative;box-shadow:3px 3px 0 var(--brutal-black)}.checkbox:checked{background:var(--brutal-yellow)}.checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:900;color:var(--brutal-black)}.nav{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--brutal-white);border-bottom:var(--border-brutal)}.nav-link{padding:var(--space-sm) var(--space-lg);border:var(--border-thin);background:var(--brutal-white);color:var(--brutal-black);font-weight:800;text-transform:uppercase;text-decoration:none;font-size:.875rem;transition:all var(--transition-fast);box-shadow:3px 3px 0 var(--brutal-black)}.nav-link:hover{background:var(--brutal-yellow);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-black)}.nav-link.active{background:var(--brutal-black);color:var(--brutal-yellow)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.bg-white{background:var(--brutal-white)}.bg-black{background:var(--brutal-black);color:var(--brutal-white)}.bg-yellow{background:var(--brutal-yellow)}.bg-red{background:var(--brutal-red);color:var(--brutal-white)}.bg-blue{background:var(--brutal-blue);color:var(--brutal-white)}.bg-green{background:var(--brutal-green)}.bg-gray{background:var(--gray-100)}.hero{padding:var(--space-4xl) var(--space-lg);background:var(--brutal-yellow);border-bottom:6px solid var(--brutal-black);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px)}.alert{padding:var(--space-lg);border:var(--border-brutal);background:var(--brutal-white);box-shadow:var(--shadow-brutal)}.alert-info{background:var(--brutal-blue);color:var(--brutal-white)}.alert-success{background:var(--brutal-green)}.alert-warning{background:var(--brutal-orange);color:var(--brutal-white)}.alert-danger{background:var(--brutal-red);color:var(--brutal-white)}.quote{padding:var(--space-xl);border-inline-start:8px solid var(--brutal-black);background:var(--gray-100);font-size:1.25rem;font-weight:600;font-style:italic;position:relative}.quote:before{content:'"';font-family:var(--font-display);font-size:6rem;position:absolute;top:-20px;left:var(--space-lg);color:var(--brutal-yellow);line-height:1}.stat-box{padding:var(--space-xl);background:var(--brutal-black);color:var(--brutal-white);border:var(--border-brutal);text-align:center}.stat-number{font-family:var(--font-display);font-size:4rem;line-height:1;color:var(--brutal-yellow)}.stat-label{font-size:.875rem;font-weight:800;text-transform:uppercase;margin-top:var(--space-sm)}.img-brutal{border:var(--border-brutal);box-shadow:var(--shadow-brutal);width:100%;display:block}.divider{height:4px;background:var(--brutal-black);margin:var(--space-2xl) 0}.divider-dashed{height:4px;background:repeating-linear-gradient(90deg,var(--brutal-black),var(--brutal-black) 10px,transparent 10px,transparent 20px)}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.animate-in{animation:slideInRight .6s cubic-bezier(.4,0,.2,1)}.animate-up{animation:slideInUp .5s cubic-bezier(.4,0,.2,1) backwards}.animate-bounce{animation:bounceIn .5s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.display-1{font-size:3rem}.display-2{font-size:2.5rem}.hero{padding:var(--space-2xl) var(--space-lg)}.grid-2,.grid-3{grid-template-columns:1fr}.demo-section{padding:var(--space-2xl) 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible:focus{outline:4px solid var(--brutal-yellow);outline-offset:4px}:root{--space-s: var(--space-md);--space-m: var(--space-xl);--space-l: var(--space-3xl);--space-xl: var(--space-4xl);--color-bg: var(--brutal-white);--color-text: var(--brutal-black);--color-border: var(--brutal-black);--color-accent-yellow: var(--brutal-yellow);--color-accent-blue: var(--brutal-blue);--color-accent-pink: var(--brutal-pink);--color-accent-green: var(--brutal-green);--color-accent-cyan: #00ffff;--border-width: 4px;--border-color: var(--brutal-black);--shadow-offset: 8px;--shadow-color: var(--brutal-black);--box-shadow: var(--shadow-brutal);--border: var(--border-brutal)}.neobrutalism-card{background:var(--brutal-white);border:var(--border-brutal);box-shadow:var(--shadow-brutal);overflow:hidden;padding:var(--space-lg);transition:transform .1s ease}.neobrutalism-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--brutal-black);transition:all var(--transition-base)}.neobrutalism-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:var(--border-brutal);background:var(--brutal-yellow);color:var(--brutal-black);font-family:var(--font-body);font-size:1rem;font-weight:800;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);position:relative;box-shadow:var(--shadow-brutal)}.neobrutalism-button:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--brutal-black);background:var(--brutal-white);color:var(--brutal-black)}.neobrutalism-button:active{transform:translate(8px,8px);box-shadow:none}.neobrutalism-button:focus-visible{outline:4px solid var(--brutal-black);outline-offset:4px}.neobrutalism-input{width:100%;padding:var(--space-md);border:var(--border-brutal);background:var(--brutal-white);font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--brutal-black);box-shadow:4px 4px 0 var(--brutal-black);transition:all var(--transition-fast)}.neobrutalism-input:focus{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--brutal-black)}[dir=rtl]{--shadow-brutal: -8px 8px 0px var(--brutal-black);--shadow-brutal-lg: -12px 12px 0px var(--brutal-black);--shadow-brutal-xl: -16px 16px 0px var(--brutal-black);--shadow-brutal-colored: -8px 8px 0px}[dir=rtl] .btn:hover{transform:translate(-4px,4px);box-shadow:-4px 4px 0 var(--brutal-black)}[dir=rtl] .btn:active{transform:translate(-8px,8px);box-shadow:none}[dir=rtl] .card-review:hover{transform:translate(4px,-4px);box-shadow:-12px 12px 0 var(--brutal-black)}[dir=rtl] .badge{box-shadow:-3px 3px 0 var(--brutal-black)}[dir=rtl] .rating-display{box-shadow:-4px 4px 0 var(--brutal-yellow)}[dir=rtl] .input{box-shadow:-4px 4px 0 var(--brutal-black)}[dir=rtl] .input:focus{transform:translate(2px,-2px);box-shadow:-6px 6px 0 var(--brutal-black)}[dir=rtl] .checkbox,[dir=rtl] .nav-link{box-shadow:-3px 3px 0 var(--brutal-black)}[dir=rtl] .nav-link:hover{transform:translate(2px,-2px);box-shadow:-5px 5px 0 var(--brutal-black)}[dir=rtl] .neobrutalism-card:hover{transform:translate(4px,-4px);box-shadow:-12px 12px 0 var(--brutal-black)}[dir=rtl] .neobrutalism-button:hover{transform:translate(2px,-2px);box-shadow:-10px 10px 0 var(--brutal-black)}[dir=rtl] .neobrutalism-button:active{transform:translate(-8px,8px);box-shadow:none}[dir=rtl] .neobrutalism-input{box-shadow:-4px 4px 0 var(--brutal-black)}[dir=rtl] .neobrutalism-input:focus{transform:translate(2px,-2px);box-shadow:-6px 6px 0 var(--brutal-black)}:root{--brutal-black: #0D0D0D;--brutal-white: #FFFFFF;--brutal-yellow: #FFB547;--brutal-red: #E63946;--brutal-blue: #1D3557;--brutal-green: #2A9D8F;--brutal-purple: #6C4AB6;--brutal-orange: #E85D04;--brutal-orange-bright: #FF6B1A;--brutal-pink: #FF006E;--brutal-carbon: #141418;--brutal-steel: #2E333D;--brutal-chrome: #ECEEF2;--brutal-silver: #8B919A;--gray-100: #F4F4F5;--gray-200: #E4E4E7;--gray-300: #D4D4D8;--gray-800: #27272A;--gray-900: #18181B;--font-display: "Barlow Condensed", "Arial Narrow", sans-serif;--font-heading: "Barlow", "Helvetica Neue", sans-serif;--font-body: "IBM Plex Sans", "Helvetica", sans-serif;--accent: var(--brutal-orange);--accent-dark: #C44D00;--color-bg: var(--brutal-white);--color-text: var(--brutal-black);--shell-bg: var(--brutal-white);--shell-header-bg: var(--brutal-carbon);--shell-accent: var(--brutal-orange);--shell-accent-bright: var(--brutal-orange-bright);--shell-surface: var(--brutal-chrome);--shell-radius: 2px}.main-container{max-width:1400px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.page-header{margin-bottom:var(--space-xl)}.page-header--centered{margin-bottom:var(--space-3xl);text-align:center}.page-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5rem);line-height:.9;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.page-title:after{content:"";display:block;width:4rem;height:4px;background:var(--shell-accent);margin-top:var(--space-md)}.page-header--centered .page-title:after{margin-left:auto;margin-right:auto}.page-subtitle{font-size:1.25rem;font-weight:600;color:var(--gray-800);max-width:600px}.page-header--centered .page-subtitle{margin:0 auto}.filters-card{margin-bottom:var(--space-3xl);background:var(--shell-surface);border:var(--border-brutal);box-shadow:var(--shadow-brutal);border-radius:var(--shell-radius)}.filters-card--spacious{margin-bottom:var(--space-4xl)}.filters-header{padding:var(--space-md) var(--space-lg);background:var(--brutal-steel);border-bottom:var(--border-brutal)}.filters-header h2,.filters-header h3{font-family:var(--font-heading);font-size:1.25rem;text-transform:uppercase;color:var(--shell-accent);margin:0;text-align:center}.filters-body{padding:var(--space-lg);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.filter-link{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--brutal-white);border:var(--border-thin);color:var(--brutal-black);font-family:var(--font-body);font-weight:800;text-transform:uppercase;text-decoration:none;box-shadow:4px 4px 0 var(--brutal-black);transition:all var(--transition-fast);border-radius:var(--shell-radius)}.filter-link:hover{background:var(--shell-accent);color:var(--brutal-black);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--brutal-black)}.filter-link:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--brutal-black)}.filter-link:focus-visible{outline:4px solid var(--brutal-black);outline-offset:4px}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--brutal-white);border:var(--border-thin);color:var(--brutal-black);text-decoration:none;font-weight:800;font-size:.875rem;text-transform:uppercase;margin-bottom:var(--space-2xl);box-shadow:3px 3px 0 var(--brutal-black);transition:all var(--transition-fast);border-radius:var(--shell-radius)}.back-link:hover{background:var(--shell-accent);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--brutal-black)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-xl);margin-bottom:var(--space-3xl)}@media(max-width:768px){.posts-grid{grid-template-columns:1fr}.page-title{font-size:3rem}.filter-link{width:100%;justify-content:center}}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--border-brutal: 4px solid var(--brutal-black);--border-medium: 3px solid var(--brutal-black);--border-thin: 2px solid var(--brutal-black);--shadow-brutal: 8px 8px 0px var(--brutal-black);--shadow-brutal-lg: 12px 12px 0px var(--brutal-black);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}body{font-family:var(--font-body);margin:0;padding:0;text-align:left;background:var(--color-bg);word-wrap:break-word;overflow-wrap:break-word;color:var(--color-text);font-size:1rem;line-height:1.6}main{width:100%;max-width:1280px;margin:auto;padding:var(--space-l) var(--space-s)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-s) 0;color:var(--color-text);font-family:var(--font-heading);line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}h1{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:var(--space-m)}h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;margin-top:var(--space-l);margin-bottom:var(--space-m)}h3{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.3;margin-top:var(--space-m);margin-bottom:var(--space-s)}h4{font-size:clamp(1.25rem,2vw,1.5rem);font-family:var(--font-body);font-weight:800;line-height:1.4}h5{font-size:1.25rem}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:var(--space-m)}.prose{width:100%;max-width:1280px;margin:auto;padding:var(--space-m);color:var(--color-text)}.prose p{margin-bottom:var(--space-m);text-align:justify}.prose ul,.prose ol{margin-bottom:var(--space-m);padding-inline-start:2rem}.prose li{margin-bottom:var(--space-xs)}textarea{width:100%;font-size:1rem}input{font-size:1rem}table{width:100%}.prose .table-scroll{border:var(--border-brutal);box-shadow:var(--shadow-brutal);background:var(--brutal-white);margin:var(--space-xl) 0;margin-inline-end:8px;margin-bottom:calc(var(--space-xl) + 8px);width:calc(100% - 8px)}.prose .table-scroll table{border-collapse:collapse;border:none;box-shadow:none;background:transparent;margin:0;width:100%}.prose table th,.prose table td{padding:var(--space-md);border:var(--border-brutal);text-align:left}.prose table th{background:var(--brutal-yellow);font-family:var(--font-heading);text-transform:uppercase;font-size:1.1rem;color:var(--brutal-black)}.prose table tbody tr:nth-child(2n){background:var(--gray-100)}img{max-width:100%;height:auto;border-radius:0}code{padding:2px 5px;background-color:#e0e0e0;border-radius:2px;font-family:monospace}pre{padding:1.5em;border-radius:4px;border:var(--border);box-shadow:var(--box-shadow);background-color:#fff;overflow-x:auto}pre>code{all:unset}blockquote{border-inline-start:4px solid var(--accent);padding-inline-start:20px;margin:0;font-size:1.333em;font-style:italic;background-color:#fff;padding:var(--space-s);border:var(--border);box-shadow:var(--box-shadow)}hr{border:none;border-top:4px solid var(--color-text);margin:var(--space-l) 0}@media(max-width:1280px){body{font-size:1rem}main{padding:var(--space-m) var(--space-s)}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}[lang^=ar]{--font-body: "Cairo", sans-serif;--font-heading: "Cairo", sans-serif;--font-display: "Cairo", sans-serif}