/* ALEX PC — alexpc.shop */
:root{--bg:#050807;--panel:#0b100e;--panel2:#0e1512;--text:#f6f8f7;--muted:#a9b4ae;--line:#203029;--green:#28ef72;--blue:#38bdf8;--gold:#f5c342;--max:1180px;--radius:22px;--shadow:0 20px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(40,239,114,.08),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}.container{width:min(var(--max),calc(100% - 36px));margin:auto}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(5,8,7,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand img{height:46px;width:auto;border-radius:8px}.navlinks{display:flex;gap:24px;align-items:center;color:#c9d3cd;font-size:14px}.navlinks a:hover{color:#fff}.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:var(--green);color:#041108;font-weight:800;border:0;cursor:pointer}.cta.outline{background:transparent;color:#fff;border:1px solid #34423b}.menu-btn{display:none;background:transparent;color:#fff;border:1px solid #2e3a34;border-radius:12px;padding:9px 12px}
.hero{padding:88px 0 54px}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border:1px solid rgba(40,239,114,.25);background:rgba(40,239,114,.06);border-radius:999px;color:#9fffc0;font-weight:700;font-size:13px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.hero h1{font-size:clamp(42px,7vw,78px);line-height:.98;margin:18px 0 20px;letter-spacing:-.055em}.hero h1 span{color:var(--green)}.hero p{max-width:680px;color:#b8c3bd;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#07100c}.hero-card img{aspect-ratio:1/1;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);pointer-events:none}
.section{padding:68px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.1;margin:0;letter-spacing:-.03em}.section-head p{margin:0;max-width:620px;color:var(--muted)}.filter{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 32px}.filter button{padding:10px 16px;border-radius:999px;border:1px solid #2a3731;background:#0b100e;color:#cbd5d0;cursor:pointer}.filter button.active{background:#f3f6f4;color:#07100b;border-color:#f3f6f4;font-weight:800}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:linear-gradient(180deg,#0d1310,#080b0a);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.25s transform,.25s border-color;box-shadow:0 8px 30px rgba(0,0,0,.22)}.card:hover{transform:translateY(-5px);border-color:#3a4f45}.card-media{position:relative;overflow:hidden}.card-media img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:.35s transform}.card:hover .card-media img{transform:scale(1.02)}.badge{position:absolute;top:14px;left:14px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:rgba(4,8,6,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.badge.epic{color:#7bffa9}.badge.legend{color:#79dfff}.badge.mythic{color:#ffd760}.card-body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}.card h3{font-size:21px;line-height:1.25;margin:0}.price{font-size:25px;font-weight:900;letter-spacing:-.02em}.spec-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;color:#b9c3be;font-size:13px}.spec-mini span{padding:8px 10px;background:#0c1410;border:1px solid #1c2d24;border-radius:10px}.card-actions{display:flex;gap:10px;margin-top:auto}.card-actions a{flex:1;text-align:center;padding:11px 12px;border-radius:12px;font-weight:800;font-size:14px}.primary{background:var(--green);color:#051008}.secondary{border:1px solid #35413b;color:#fff}
.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cat{border-radius:22px;padding:26px;border:1px solid rgba(255,255,255,.08);background:#0a0f0d}.cat b{font-size:24px}.cat p{color:var(--muted);margin:8px 0 0}.cat.epic{box-shadow:inset 0 1px 0 rgba(40,239,114,.25)}.cat.legend{box-shadow:inset 0 1px 0 rgba(56,189,248,.25)}.cat.mythic{box-shadow:inset 0 1px 0 rgba(245,195,66,.25)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust>div{padding:18px;border:1px solid #1b2822;border-radius:16px;background:#090f0c}.trust strong{display:block;margin-bottom:5px}.trust span{font-size:13px;color:var(--muted)}
.contact{background:linear-gradient(135deg,rgba(40,239,114,.11),rgba(56,189,248,.05));border:1px solid rgba(40,239,114,.2);border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.contact h2{margin-bottom:10px}.contact p{margin:0;color:#b7c4bd}.footer{padding:38px 0 50px;color:#87958d;font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #16211c;padding-top:28px}
.product-page{padding:54px 0 80px}.breadcrumb{font-size:13px;color:#87958d;margin-bottom:22px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.product-image{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.08);position:sticky;top:100px}.product-info h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:10px 0 16px;letter-spacing:-.04em}.product-price{font-size:36px;font-weight:950;margin:14px 0 18px}.lead{color:#b6c1bb;font-size:17px}.spec-table{margin-top:30px;border:1px solid #1e2a24;border-radius:18px;overflow:hidden}.spec-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 16px;border-bottom:1px solid #17211d}.spec-row:last-child{border-bottom:0}.spec-row strong{color:#dfe7e3}.spec-row span{color:#aeb9b3}.notice{margin-top:18px;color:#87948d;font-size:13px}.sticky-actions{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
@media(max-width:900px){.navlinks{display:none}.menu-btn{display:block}.navlinks.open{display:flex;position:absolute;left:18px;right:18px;top:78px;flex-direction:column;align-items:stretch;background:#0a0f0d;border:1px solid #223028;border-radius:18px;padding:18px}.hero-grid,.product-layout{grid-template-columns:1fr}.hero-card{max-width:660px}.grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.product-image{position:relative;top:auto}}
@media(max-width:620px){.hero{padding-top:54px}.grid{grid-template-columns:1fr}.section{padding:50px 0}.section-head{align-items:start;flex-direction:column}.trust{grid-template-columns:1fr}.contact{padding:26px}.spec-row{grid-template-columns:1fr;gap:4px}.footer-grid{flex-direction:column}.brand img{height:39px}.nav{min-height:68px}}