:root{--bg:#f4f5f8;--card:#fff;--text:#1f2430;--muted:#667085;--line:#e6e8ef;--navy:#111a4d;--yellow:#ffbf00;--orange:#ff8b00;--red:#ef4444;--shadow:0 10px 30px rgba(17,24,39,.08);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#0f172a;--card:#111827;--text:#e5e7eb;--muted:#9ca3af;--line:#243041;--navy:#0b1220;--shadow:0 10px 30px rgba(0,0,0,.35)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer} .container{max-width:1260px;margin:0 auto;padding:0 18px}.top-space{height:14px}
.header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}body.dark .header{background:#111827}.header-row{display:grid;grid-template-columns:220px 1fr 360px;gap:18px;align-items:center;padding:16px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;color:#27304a}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffbf00,#ff7a00 55%,#f04a4a);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:var(--shadow)}.search{position:relative}.search input{width:100%;height:54px;border:1px solid var(--line);border-radius:14px;padding:0 56px 0 22px;background:#fafafa}.search .icon{position:absolute;right:18px;top:15px;width:24px;height:24px;opacity:.75}.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.chip{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}body.dark .chip,.search input{background:var(--card);color:var(--text)}.wallet{background:var(--navy);color:#fff;font-weight:700}.cart-badge{position:relative}.cart-badge b{position:absolute;right:-6px;top:-8px;background:var(--red);color:#fff;border-radius:999px;font-size:11px;padding:2px 6px}.topnav{background:#fff;border-bottom:1px solid var(--line)}body.dark .topnav{background:#111827}.nav-row{display:flex;align-items:center;gap:18px;padding:12px 0}.nav-main{padding:12px 20px;background:var(--navy);color:#fff;border-radius:10px;display:flex;align-items:center;gap:10px;min-width:170px}.nav-links{display:flex;gap:28px;font-weight:600;color:#30364b}.nav-links a.active{color:var(--navy)}
.hero{padding:18px 0 6px}.hero-card{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 15% 35%,rgba(255,255,255,.18),transparent 25%),linear-gradient(120deg,#081b5c 0%,#3b2f86 40%,#0c132c 100%);min-height:470px;box-shadow:var(--shadow)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:470px}.hero-copy{padding:44px 48px;color:#fff}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.8}.hero h1{font-size:62px;line-height:1.03;margin:8px 0 12px}.hero p{font-size:18px;opacity:.92;max-width:520px}.btn{border:0;border-radius:12px;padding:14px 22px;font-weight:700}.btn-primary{background:#ef3d35;color:#fff}.btn-secondary{background:var(--yellow);color:#111}.countdown{margin-top:18px;display:flex;align-items:center;gap:12px;font-weight:700}.hero-visual{position:relative;height:100%}.pc-frame{position:absolute;right:34px;bottom:28px;width:470px;height:340px;border-radius:24px;background:linear-gradient(145deg,#10151f,#05070d);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.4)}.pc-glow{position:absolute;inset:18px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.fan{position:absolute;width:84px;height:84px;border-radius:50%;border:6px solid rgba(255,255,255,.14);box-shadow:0 0 35px rgba(147,197,253,.45)}.fan:before,.fan:after{content:'';position:absolute;inset:16px;border-radius:50%;border:4px solid rgba(255,255,255,.25)}.f1{left:48px;top:46px;background:radial-gradient(circle,#a7f3d0,#34d399 30%,transparent 65%)}.f2{left:154px;top:46px;background:radial-gradient(circle,#bfdbfe,#60a5fa 30%,transparent 65%)}.f3{left:260px;top:46px;background:radial-gradient(circle,#f9a8d4,#ec4899 30%,transparent 65%)}.gpu{position:absolute;left:42px;bottom:40px;width:280px;height:74px;border-radius:16px;background:linear-gradient(180deg,#111827,#1f2937);box-shadow:0 20px 35px rgba(0,0,0,.45)}.gpu:before,.gpu:after{content:'';position:absolute;top:17px;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#e5e7eb 25%,#6b7280 26%,#1f2937 58%)}.gpu:before{left:40px}.gpu:after{left:108px}.memory{position:absolute;right:-30px;bottom:24px;width:230px;height:76px;border-radius:16px;background:linear-gradient(180deg,#111827,#374151);transform:rotate(-13deg);box-shadow:0 20px 35px rgba(0,0,0,.4)}.memory:before,.memory:after{content:'';position:absolute;top:20px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#f3f4f6 28%,#9ca3af 30%,#111827 60%)}.memory:before{left:38px}.memory:after{left:104px}.boxchip,.ssdbox{position:absolute;background:#fff;border-radius:16px;box-shadow:0 24px 35px rgba(0,0,0,.22)}.boxchip{left:120px;bottom:48px;width:120px;height:148px;padding:16px;color:#1d4ed8;font-weight:900;font-size:38px}.boxchip span{display:block;color:#3b82f6;font-size:16px;font-weight:800}.ssdbox{left:246px;bottom:42px;width:88px;height:110px;padding:14px;color:#0f172a;font-weight:900}.hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:16px;display:flex;gap:10px}.hero-dots i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45)}.hero-dots i.active{background:#fff}
.quickcats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 0 30px}.quickcat{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:14px 18px;display:flex;align-items:center;gap:16px;min-height:96px}.quickcat .thumb{width:72px;height:60px;border-radius:14px;background:linear-gradient(135deg,#dde6ff,#fff);display:grid;place-items:center;font-weight:800;color:var(--navy)}.section{padding:8px 0 22px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-title{font-size:24px;font-weight:800}.muted{color:var(--muted)}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.p-img{height:220px;background:linear-gradient(135deg,#f7f8fc,#e9eefc);display:grid;place-items:center;position:relative}.badge{position:absolute;left:14px;top:14px;background:#ffc61a;color:#4d3b00;padding:8px 14px;border-radius:11px;font-weight:800;font-size:13px}.cpu-box{width:110px;height:150px;border-radius:16px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;padding:18px;box-shadow:0 20px 35px rgba(29,78,216,.22)}.cpu-box b{display:block;font-size:38px;margin-top:14px}.gpu-card{width:220px;height:86px;border-radius:18px;background:linear-gradient(180deg,#111827,#374151);position:relative;box-shadow:0 20px 35px rgba(0,0,0,.2)}.gpu-card:before,.gpu-card:after{content:'';position:absolute;top:18px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#f3f4f6 28%,#9ca3af 30%,#111827 60%)}.gpu-card:before{left:48px}.gpu-card:after{left:116px}.mobo{width:150px;height:180px;border-radius:12px;background:linear-gradient(180deg,#111827,#374151);position:relative}.mobo:before,.mobo:after{content:'';position:absolute;background:#6b7280}.mobo:before{left:22px;top:22px;width:56px;height:56px;border-radius:8px}.mobo:after{right:20px;top:22px;width:34px;height:120px;border-radius:8px}.ssd{width:220px;height:52px;border-radius:12px;background:linear-gradient(180deg,#111827,#1f2937);position:relative}.ssd:before{content:'';position:absolute;right:16px;top:13px;width:26px;height:26px;border-radius:50%;background:#4b5563}.p-body{padding:14px 16px 18px}.stars{color:#f59e0b;font-size:14px}.price{font-size:18px;font-weight:900;color:#ef3d35;margin:10px 0 14px}.buybtn{width:100%;height:46px;background:#ffcb1f;border:0;border-radius:10px;font-weight:800}
.promo-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:22px;align-items:start}.tips{display:grid;gap:14px}.tip-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.tip-icon{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#fef3c7,#fff7ed);display:grid;place-items:center;font-weight:900;color:#92400e}.sale-banner{min-height:196px;background:linear-gradient(120deg,#a61f18,#ff6b00 55%,#ffb703);border-radius:22px;position:relative;color:#fff;padding:18px;overflow:hidden;box-shadow:var(--shadow)}.sale-banner .label{position:absolute;right:20px;top:18px;background:#fff;color:#e11d48;border-radius:12px;padding:8px 12px;font-weight:900}.sale-banner h3{font-size:46px;line-height:.95;margin:44px 0 10px}.why{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.why-item{display:flex;gap:14px;align-items:flex-start}.why-icon{width:46px;height:46px;border-radius:50%;background:#fff3cc;color:#d97706;display:grid;place-items:center;font-weight:900;border:1px solid #ffe7a4}
.page{padding:28px 0 50px}.grid-main{display:grid;grid-template-columns:280px 1fr;gap:24px}.sidebar{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.content-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.list{display:grid;gap:10px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line)}.row:last-child{border-bottom:0}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table th{font-size:13px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:8px}.field input,.field select,.field textarea{height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff}.field textarea{height:110px;padding:14px}body.dark .field input,body.dark .field select,body.dark .field textarea{background:var(--card);color:var(--text)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:linear-gradient(180deg,#fff,#f7f8fc);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}body.dark .stat{background:linear-gradient(180deg,#111827,#0f172a)}.small{font-size:13px}.footer{padding:30px 0 60px;color:var(--muted);font-size:13px;text-align:center}.watermark{position:fixed;right:16px;bottom:14px;padding:8px 12px;border-radius:999px;background:#111827;color:#fff;font-size:12px;z-index:60;opacity:.93}
@media(max-width:1100px){.header-row{grid-template-columns:190px 1fr}.header-actions{grid-column:1/-1;justify-content:flex-start}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:34px}.hero h1{font-size:48px}.hero-visual{height:320px}.pc-frame{width:390px;height:270px}.products,.quickcats,.stat-grid{grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:1fr}.grid-main{grid-template-columns:1fr}}
@media(max-width:720px){.container{padding:0 12px}.header-row{grid-template-columns:1fr;gap:12px}.nav-row{overflow:auto}.nav-links{gap:18px;white-space:nowrap}.hero-card{min-height:540px}.hero-copy{padding:28px 22px}.hero h1{font-size:36px}.pc-frame{right:8px;width:320px;height:240px}.boxchip{left:16px;bottom:20px;transform:scale(.78);transform-origin:left bottom}.ssdbox{left:118px;bottom:20px;transform:scale(.8)}.quickcats,.products,.why-grid,.form-grid,.stat-grid{grid-template-columns:1fr}.p-img{height:180px}}

.brand-mark{display:none!important}.brand{gap:0}
.search button{position:absolute;right:8px;top:7px;height:40px;width:40px;border:0;background:transparent;border-radius:12px;display:grid;place-items:center;color:#2c334a}.search input{padding-right:56px}
.header-actions{flex-wrap:wrap}.chip svg,.nav-main svg,.quickcat svg,.why-icon svg,.product-action svg,.tip-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9}.iconbtn{display:grid;place-items:center;width:42px;height:42px;padding:0}.chip-label{font-weight:700}
.hero-card.hero-real{background-image:linear-gradient(90deg,rgba(8,18,56,.92) 0%,rgba(13,24,56,.78) 38%,rgba(12,19,44,.28) 65%),url('https://images.unsplash.com/photo-1547082299-de196ea013d6?auto=format&fit=crop&w=1600&q=80');background-size:cover;background-position:center}.hero-visual.hero-hidden{display:none}.hero-grid.hero-single{grid-template-columns:1fr;min-height:470px}
.quickcat .thumb{overflow:hidden;padding:0;background:#eef2ff}.quickcat .thumb img{width:100%;height:100%;object-fit:cover}
.product{transition:transform .18s ease, box-shadow .18s ease}.product:hover{transform:translateY(-4px)}.product-link{display:block;color:inherit}.p-img img{width:100%;height:100%;object-fit:cover}.p-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(17,24,39,.14));pointer-events:none}
.product-actions{display:flex;gap:10px;margin-bottom:12px}.product-action{flex:1;height:42px;border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;color:#27304a}.product-action.active{background:#fff6da;border-color:#ffd76a;color:#9a6700}body.dark .product-action{background:var(--card);color:var(--text)}
.why-icon{background:#fff7dd}.why-icon svg{width:22px;height:22px}.tip-icon{overflow:hidden;padding:0;background:#fff}.tip-icon img{width:100%;height:100%;object-fit:cover}
.cart-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.cart-items{display:grid;gap:16px}.cart-item{display:grid;grid-template-columns:110px 1fr;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.cart-thumb{width:110px;height:96px;border-radius:14px;overflow:hidden;background:#eef2ff}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-meta h4{margin:0 0 8px;font-size:17px}.cart-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.qty-input{width:84px;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.cart-empty{padding:28px;text-align:center;background:var(--card);border:1px dashed var(--line);border-radius:18px;color:var(--muted)}body.dark .qty-input{background:var(--card);color:var(--text)}
.account-hero{display:flex;align-items:center;gap:12px}.account-hero .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eef2ff;font-weight:800;color:#1d4ed8}.mobile-stack{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:1100px){.cart-layout{grid-template-columns:1fr}.hero-grid.hero-single{min-height:420px}}
@media(max-width:720px){.header-actions{justify-content:space-between;gap:10px}.chip-label{display:none}.nav-main{min-width:132px;padding:10px 14px}.hero-card.hero-real{background-position:68% center}.hero h1{font-size:34px}.hero p{font-size:15px}.search input{height:48px}.quickcat{min-height:82px;padding:12px}.quickcat .thumb{width:58px;height:52px}.product-actions{gap:8px}.product-action{font-size:13px;padding:0 10px}.cart-item{grid-template-columns:1fr}.cart-thumb{width:100%;height:180px}.cart-controls .btn{width:100%}.watermark{bottom:10px;right:10px;font-size:11px;padding:7px 10px}}

.admin-wide .container{max-width:1440px}.admin-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.admin-toolbar-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.admin-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-span-2{grid-column:span 2}.table-wrap{overflow:auto}.thumb-admin{width:72px;height:56px;border-radius:12px;overflow:hidden;background:#eef2ff}.thumb-admin img{width:100%;height:100%;object-fit:cover}.admin-action-row{display:flex;gap:8px;flex-wrap:wrap}.product-preview-empty,.voucher-chip{padding:14px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);background:rgba(255,255,255,.45)}body.dark .product-preview-empty,body.dark .voucher-chip{background:rgba(17,24,39,.6)}.preview-card .p-img{height:220px;border-radius:16px;overflow:hidden;margin-bottom:12px}.preview-card h3{margin:0 0 10px}.inline-action{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.inline-action input{min-width:0}.voucher-applied{color:#166534;font-weight:700}.voucher-error{color:#991b1b;font-weight:700}@media(max-width:980px){.admin-grid,.admin-form-grid{grid-template-columns:1fr}.field-span-2{grid-column:span 1}.inline-action{grid-template-columns:1fr}.admin-toolbar-actions .btn{width:100%}}