:root{--accent:#0077FF;--gold:#D4AF37;--bg:#0b0b0d;--muted:#9aa3b2;--max-width:1100px;font-family: 'Segoe UI', Roboto, Arial, sans-serif;}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eaf4ff} .container{max-width:var(--max-width);margin:0 auto;padding:20px} header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;position:sticky;top:0;background:rgba(11,11,13,0.6);backdrop-filter:blur(6px)} .logo img{width:64px;height:64px;cursor:pointer} nav a{color:#eaf4ff;margin-left:14px;text-decoration:none;font-weight:600} .hero{display:flex;align-items:center;justify-content:center;padding:32px 0} .banner{position:relative;border-radius:12px;overflow:hidden} .banner img{display:block;width:100%;max-width:900px} .hero-text{position:absolute;left:48px;top:60px;color:var(--gold)} .hero-text h1{font-size:36px;margin:0;animation:slideIn 1s ease both} .hero-text p{color:#cbd5e1;margin-top:8px;animation:slideIn 1.2s ease both}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} .section-title{font-size:26px;margin:18px 0;color:#f4f8ff} .products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px} .card{background:linear-gradient(180deg,#0f1113,#0b0d10);padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,0.03);text-align:center;transition:transform .2s ease} .card:hover{transform:translateY(-6px)} .card img{width:100%;height:300px;object-fit:contain;border-radius:8px;background:#fff;padding:10px} .product-title{font-weight:700;margin:10px 0;color:#eaf4ff} .price{color:var(--gold);font-weight:800} .cart-btn{background:transparent;border:1px solid rgba(212,175,55,0.12);padding:8px 12px;border-radius:8px;color:var(--gold);cursor:pointer} .cart{position:fixed;right:18px;bottom:18px;background:var(--gold);color:#0b0b0c;padding:12px;border-radius:12px;cursor:pointer} .cart-panel{position:fixed;right:0;top:0;height:100vh;width:380px;background:linear-gradient(180deg,#0f1113,#0b0d10);transform:translateX(100%);transition:transform .28s ease;padding:18px;z-index:9999} .cart-panel.open{transform:translateX(0)} .cart-item{display:flex;gap:10px;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,0.02)} .cart-item img{width:68px;height:68px;object-fit:contain;border-radius:6px;background:#fff;padding:6px} .btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none} footer{padding:22px 0;color:var(--muted);text-align:center;margin-top:36px;border-top:1px solid rgba(255,255,255,0.02)} @media (max-width:900px){.products{grid-template-columns:repeat(2,1fr)}} @media (max-width:600px){.products{grid-template-columns:repeat(1,1fr)} .hero-text{left:20px;top:40px} .hero-text h1{font-size:24px} .cart-panel{width:100%}}