:root{color:#fff;background:#090909;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 100% 0,#ff6a0040,#0000 35%),#090909;margin:0}.app{min-height:100vh}.header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#090909d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:22px 6%;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-size:24px;font-weight:900;display:flex}.logo svg,.logo span span{color:#ff6a00}nav{gap:22px;display:flex}nav a{color:#ddd;font-size:14px;font-weight:700;text-decoration:none}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:32px;padding:70px 6% 45px;display:grid}.eyebrow{color:#ff6a00;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;display:inline-block}.hero h1{margin:16px 0;font-size:clamp(36px,6vw,72px);line-height:.93}.hero p{color:#cfcfcf;max-width:690px;font-size:18px}.searchBox{background:#fff;border-radius:18px;align-items:center;gap:12px;max-width:650px;margin-top:28px;padding:14px 18px;display:flex}.searchBox svg{color:#ff6a00}.searchBox input{border:0;outline:0;width:100%;font-size:16px}.heroCard{background:linear-gradient(160deg,#1d1d1d,#111);border:1px solid #ffffff1f;border-radius:32px;padding:32px;box-shadow:0 20px 80px #00000059}.heroCard svg{color:#ff6a00}.heroCard h2{margin:10px 0;font-size:34px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;padding:0 6% 45px;display:grid}.stats div{background:#121212;border:1px solid #ffffff14;border-radius:20px;padding:22px}.stats strong{color:#ff6a00;font-size:25px;display:block}.stats span{color:#bdbdbd}.categorySection,.productsSection,.blogPreview{padding:30px 6%}.categorySection h2,.productsSection h2,.blogPreview h2{margin:0 0 20px;font-size:34px}.categoryGrid{flex-wrap:wrap;gap:12px;display:flex}.categoryGrid button{color:#fff;cursor:pointer;background:#111;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:flex}.categoryGrid button svg{width:18px}.categoryGrid button.active{color:#111;background:#ff6a00;border-color:#ff6a00}.sectionHead{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.sectionHead p{color:#aaa}.grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.card{background:#111;border:1px solid #ffffff1a;border-radius:26px;transition:all .2s;overflow:hidden}.card:hover{border-color:#ff6a008c;transform:translateY(-4px)}.thumbWrap{height:210px;position:relative;overflow:hidden}.thumb{object-fit:cover;width:100%;height:100%;display:block}.badge{color:#111;background:#ff6a00;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:900;display:flex;position:absolute;top:14px;left:14px}.cardBody{padding:18px}.cat{color:#ff6a00;text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.card h3{margin:10px 0 8px;font-size:20px}.card p{color:#bfbfbf;margin:0 0 14px}.meta{flex-direction:column;gap:8px;display:flex}.meta strong{color:#fff;font-size:21px}.meta span{color:#ddd;align-items:center;gap:5px;font-size:14px;display:flex}.meta svg{color:#ffb000}.buttons{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.btn{border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:13px 16px;font-weight:900;text-decoration:none;display:inline-flex}.primary{color:#111;background:#ff6a00}.secondary{color:#fff;background:#1d1d1d;border-color:#ffffff1a}.tips{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tips div{background:#121212;border:1px solid #ffffff14;border-radius:24px;padding:24px}.tips svg{color:#ff6a00}.tips strong{margin:12px 0 8px;font-size:20px;display:block}.tips p{color:#bdbdbd}footer{color:#ccc;border-top:1px solid #ffffff14;justify-content:space-between;gap:18px;padding:30px 6%;display:flex}footer strong{color:#ff6a00}@media (width<=1000px){.hero{grid-template-columns:1fr}.grid,.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){nav{display:none}.hero{padding-top:40px}.grid,.tips,.stats,.buttons{grid-template-columns:1fr}.sectionHead{flex-direction:column;align-items:start}footer{flex-direction:column}.thumbWrap{height:230px}}