*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:radial-gradient(circle at 20% 10%,#0d0d0d,#000);color:#e5e5e5;line-height:1.6;overflow-x:hidden}.navbar{display:flex;align-items:center;justify-content:space-between;padding:18px 60px;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,195,255,.08)}.logo{font-size:1.8rem;font-weight:800;color:#fff;letter-spacing:.8px;text-transform:uppercase}.logo span{color:#00b3ff;text-shadow:0 0 12px rgba(0,179,255,.6)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;color:#aaa;font-weight:600;font-size:.95rem;letter-spacing:.4px;transition:color .3s ease,text-shadow .3s ease}.nav-links a:hover{color:#00c3ff;text-shadow:0 0 10px rgba(0,195,255,.8)}.navbar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00c3ff,transparent);opacity:.4}.search-area{display:flex;align-items:center;justify-content:center;gap:8px;max-width:520px;width:100%;background:rgba(25,25,25,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:40px;box-shadow:inset 0 0 8px rgba(0,195,255,.08);transition:all .3s ease;padding:4px}.search-area input{flex:1 1;padding:10px 14px;border-radius:40px;border:none;background:transparent;color:#eaeaea;font-size:.95rem;letter-spacing:.3px}.search-area input::placeholder{color:#888}.search-area input:focus{outline:none}.search-button{background:linear-gradient(90deg,#00c3ff,#0077ff);color:#fff;border:none;border-radius:30px;padding:10px 22px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 12px rgba(0,195,255,.2)}.search-button:hover{background:linear-gradient(90deg,#00e0ff,#00a2ff);box-shadow:0 0 18px rgba(0,195,255,.4)}.hero{display:grid;grid-template-columns:65% 35%;grid-gap:20px;gap:20px;width:90%;margin:50px auto;position:relative}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,195,255,.1),transparent 70%);z-index:-1;filter:blur(40px)}.hero img{width:118%;height:460px;border-radius:18px;box-shadow:0 10px 40px rgba(0,195,255,.12);transition:transform .4s ease,box-shadow .4s ease}.hero img:hover{transform:scale(1.02);box-shadow:0 20px 60px rgba(0,195,255,.3)}.products{width:90%;margin:80px auto}.products h2{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:45px;border-left:5px solid #00c3ff;padding-left:12px;text-shadow:0 0 10px rgba(0,195,255,.4)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:32px;gap:32px}.product-card{background:linear-gradient(180deg,rgba(20,20,20,.95),rgba(10,10,10,1));border-radius:20px;text-align:center;padding:22px 18px 26px;transition:all .35s ease}.product-card:hover{box-shadow:0 15px 45px rgba(0,195,255,.15)}.product-card:before{content:"";position:absolute;inset:0;border-radius:20px;background:linear-gradient(145deg,rgba(0,195,255,.08),rgba(0,255,179,.06));opacity:0;transition:opacity .3s ease}.product-card:hover:before{opacity:1}.product-card img{height:230px;border-radius:14px;margin-bottom:16px;filter:brightness(.9);transition:transform .4s ease,filter .3s ease}.product-card h3{font-weight:600;color:#fff;margin-bottom:6px}.desc{color:#aaa;font-size:.9rem;margin-bottom:10px}.price{color:#00ffb3;font-weight:700;margin-bottom:12px;font-size:1rem}.stock{font-size:.85rem;font-weight:600;margin-top:4px}.stock.in{color:#00ffb3}.stock.out{color:#ff4d4d}.product-card button{background:linear-gradient(90deg,#00c3ff,#0077ff);border-radius:10px;cursor:pointer;font-size:1rem;margin-top:10px;box-shadow:0 0 12px rgba(0,195,255,.2);transition:all .25s ease}.product-card button:hover{box-shadow:0 0 18px rgba(0,195,255,.4);animation:glowPulse 1.5s ease-in-out infinite alternate}@keyframes glowPulse{0%{box-shadow:0 0 8px rgba(0,195,255,.2)}to{box-shadow:0 0 16px rgba(0,195,255,.5)}}.footer{text-align:center;padding:50px;font-size:.9rem;color:#888;border-top:1px solid rgba(255,255,255,.08);background:rgba(10,10,10,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;box-shadow:inset 0 8px 30px rgba(0,195,255,.05)}@media (max-width:900px){.navbar{flex-direction:column;gap:14px;padding:16px 24px}.search-area{width:90%}.nav-links{flex-wrap:wrap;justify-content:center}.hero{grid-template-columns:1fr}.hero img{height:320px}}.product-card img{filter:brightness(.95);transition:filter .3s ease,transform .3s ease}.product-card:hover img{filter:brightness(1)}.product-card:hover{box-shadow:0 0 20px rgba(0,195,255,.15),0 6px 20px rgba(0,0,0,.4);transform:translateY(-6px);transition:all .35s ease}.product-card button{background:linear-gradient(90deg,#0095ff,#0055ff)}.product-card button:hover{background:linear-gradient(90deg,#00b7ff,#0070ff)}.product-card h3{margin-bottom:4px;letter-spacing:.3px}.desc{line-height:1.8;margin-bottom:12px}.stock{text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;font-weight:700;opacity:.9}.stock.in{color:#00ff99}.stock.out{color:#ff5555}.price{font-weight:800;font-size:1.05rem;margin-bottom:8px}.product-card{transition:all .35s ease,box-shadow .35s ease}.products:not(:first-of-type){border-top:1px solid rgba(255,255,255,.05);padding-top:60px;margin-top:60px}body:before{content:"PUFF ZONE";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16vw;font-weight:900;color:rgba(255,255,255,.03);letter-spacing:1vw;white-space:nowrap;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;text-transform:uppercase}.footer,.navbar,main{position:relative;z-index:2}.faq{color:#fff;padding:80px 10%;text-align:center}.faq h2{font-size:2rem;margin-bottom:2rem;color:#00d4ff;letter-spacing:1px}.faq-container{max-width:800px;margin:auto;text-align:left}.faq-item{margin-bottom:1.2rem;background-image:linear-gradient(135deg,rgba(255,255,255,.02),rgba(0,0,0,.02));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px;transition:all .3s ease}.faq-item:hover{background:#243347;transform:translateY(-3px)}.faq-item h3{font-size:1.1rem;color:#00c2ff;margin-bottom:8px}.faq-item p{color:#d3d3d3;font-size:.95rem}.reviews{color:#fff;padding:90px 10%;text-align:center}.reviews h2{font-size:2rem;margin-bottom:2rem;color:#00d4ff}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px}.review-card{background-image:linear-gradient(135deg,rgba(255,255,255,.02),rgba(0,0,0,.02));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px;font-style:italic;transition:.4s ease}.review-card:hover{background:#152233;transform:scale(1.03)}.reviewer{margin-top:10px;color:#00d4ff;font-weight:500;font-style:normal}.checkout-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 20% 10%,#0d0d0d,#000);color:#fff}.checkout-card{background:rgba(20,20,20,.95);padding:50px 60px;border-radius:18px;box-shadow:0 0 40px rgba(0,200,255,.1);width:420px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkout-card h1{font-size:1.8rem;color:#00c3ff;margin-bottom:20px}.checkout-card h2{font-size:1.2rem;margin-bottom:10px}.checkout-card p{color:#ccc;margin-bottom:20px}.checkout-card form{display:flex;flex-direction:column;gap:12px}.checkout-card input{background:#111;border:1px solid #333;border-radius:8px;padding:12px;color:#fff;outline:none;transition:.3s}.checkout-card input:focus{border-color:#00c3ff;box-shadow:0 0 8px rgba(0,200,255,.5)}.checkout-card button{background:linear-gradient(90deg,#00c3ff,#0077ff);border:none;border-radius:8px;padding:12px;color:white;font-weight:700;cursor:pointer;transition:.3s}.checkout-card button:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(0,200,255,.4)}.footer{background:rgba(10,10,10,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid rgba(0,195,255,.15);box-shadow:0 -6px 40px rgba(0,195,255,.08);padding:70px 10% 40px;color:#ccc;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:2px;background:linear-gradient(90deg,transparent,#00c3ff,transparent);animation:footerLine 4s linear infinite;opacity:.6}@keyframes footerLine{0%{transform:translateX(0)}to{transform:translateX(50%)}}.footer-content{margin-bottom:40px}.footer-left h3{font-size:1.8rem;font-weight:800;color:#fff}.footer-left span{color:#00c3ff;text-shadow:0 0 10px rgba(0,195,255,.5)}.footer-left p{max-width:300px;font-size:.95rem;color:#aaa;margin-top:10px;line-height:1.7}.footer-middle h4,.footer-right h4{color:#00c3ff;font-size:1.1rem;margin-bottom:12px}.footer-middle ul{list-style:none;padding:0}.footer-middle ul li{margin-bottom:8px}.footer-middle ul li a{color:#aaa;text-decoration:none;font-size:.95rem;transition:all .3s ease}.footer-middle ul li a:hover{color:#00c3ff;text-shadow:0 0 8px rgba(0,195,255,.5)}.footer-right .socials a{display:inline-block;margin-right:14px;color:#00c3ff;font-size:.95rem;text-decoration:none;transition:all .3s ease}.footer-right .socials a:hover{opacity:.8;text-shadow:0 0 12px rgba(0,195,255,.5)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:18px;font-size:.9rem;color:#777}.footer-bottom a{color:#00c3ff;font-weight:600;text-decoration:none;transition:all .3s ease}.footer-bottom a:hover{color:#00e0ff;text-shadow:0 0 10px rgba(0,195,255,.6)}@media (max-width:900px){.footer-content{flex-direction:column;text-align:center}.footer-left p{margin:0 auto}}.hero{width:100%;display:flex;justify-content:center;margin:40px 0;padding:0}.hero img{width:90%;max-width:1200px;height:85vh}@media (max-width:768px){.hero img{height:60vh;width:95%}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:24px;gap:24px;margin-top:24px}.product-card{background:rgba(10,10,10,.92);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px rgba(0,0,0,.6)}.product-card:hover{transform:translateY(-8px);box-shadow:0 14px 36px rgba(0,0,0,.7)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;transition:transform .4s ease}.product-card:hover img{transform:scale(1.05)}.product-card h3{margin:12px 0 6px;color:#ffffff;font-size:1.1rem;line-height:1.2}.product-card .desc{margin:0 0 12px;color:#a8b2c1;font-size:.9rem;line-height:1.4}.product-card .price{font-size:1.15rem;font-weight:700;color:#00c3ff;margin-bottom:6px}.product-card .stock{font-size:.75rem;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:rgba(0,255,179,.12);color:#00ffb3;margin-bottom:12px}.product-card .stock.out{background:rgba(255,77,77,.12);color:#ff6b6b}.product-card button{display:block;width:100%;padding:12px 0;border:none;border-radius:12px;background:linear-gradient(180deg,#00c3ff,#0077ff);color:#fff;font-weight:600;transition:background .2s ease,transform .2s ease}.product-card button:hover{background:linear-gradient(180deg,#00e0ff,#006fe0);transform:translateY(-2px)}@media (max-width:600px){.product-grid{grid-template-columns:1fr}}a{color:inherit}a,a:active,a:focus{text-decoration:none}a:active,a:focus{outline:none}.hero img{width:100%;height:96vh;object-fit:cover;border-radius:16px}button{position:relative;display:inline-block;background:rgba(0,160,255,.1);color:#eaf8ff;border:1px solid rgba(0,180,255,.5);border-radius:14px;padding:10px 28px;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 10px rgba(0,200,255,.2),0 0 10px rgba(0,200,255,.15)}button:hover{background:rgba(0,200,255,.25);color:#fff;box-shadow:inset 0 0 25px rgba(0,220,255,.5),0 0 20px rgba(0,220,255,.6);transform:translateY(-2px)}button:before{content:"";position:absolute;inset:0;border-radius:14px;padding:1px;background:linear-gradient(45deg,#00c8ff,#0077ff,#00e0ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}button:hover:before{opacity:1}button:active{transform:scale(.97);box-shadow:inset 0 0 12px rgba(0,200,255,.3)}.footer{background:radial-gradient(circle at top left,#0a0f1a,#000);padding:50px 10%;color:#dce3f1;font-family:Poppins,sans-serif;border-top:1px solid rgba(0,204,255,.15)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px}.footer-section{flex:1 1 250px}.footer-logo{font-size:28px;font-weight:700;color:#fff}.footer-logo span{color:#00c6ff}.footer-tagline{margin-top:10px;color:#9aa4b3;font-size:14px;line-height:1.6}.footer-section h3{color:#00c6ff;margin-bottom:12px;font-size:16px}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:8px}.footer-section a{color:#dce3f1;text-decoration:none;transition:.3s}.footer-section a:hover{color:#00c6ff;text-shadow:0 0 5px #00c6ff}.socials a{margin-right:15px;font-size:14px}.footer-bottom{text-align:center;margin-top:40px;font-size:13px;color:#808b9a;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.credit{color:#00c6ff;font-weight:600}@media (max-width:450px){.hero img:hover{transform:scale(.9);box-shadow:1px}}.logo img{height:90px;border-radius:53px}