*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#fff;background:radial-gradient(circle at top,#0f172a 0%,#020617 70%);height:100%;font-family:Inter,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;justify-content:space-between;align-items:center;padding:20px 60px;display:flex;position:sticky;top:0}.logo{height:50px}.nav-right{align-items:center;gap:30px;display:flex}.nav-icon{color:#cbd5e1;font-size:20px;transition:all .3s}.nav-icon:hover{color:#38bdf8;transform:translateY(-2px)}.cart-icon{cursor:pointer;font-size:20px;position:relative}.cart-count{color:#000;background:#38bdf8;border-radius:50%;padding:2px 6px;font-size:12px;position:absolute;top:-8px;right:-12px}.cart-header{justify-content:space-between;align-items:center;display:flex}.close-cart{color:#38bdf8;cursor:pointer;background:0 0;border:none;font-size:18px}.cart-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin:20px 0;padding-bottom:15px;display:flex}.cart-title{margin-bottom:5px;font-size:14px}.remove-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:12px}.remove-btn:hover{color:#38bdf8;border-color:#38bdf8}.cart-total{justify-content:space-between;margin-top:20px;font-weight:600;display:flex}.checkout-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06b6d4,#3b82f6);border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px;font-weight:600}.checkout-btn:hover{opacity:.9}.empty-cart{text-align:center;color:#94a3b8;margin-top:40px}.hero{justify-content:space-between;align-items:center;gap:20px;padding:60px 0 40px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#38bdf812 2px,#0000 2px),linear-gradient(#38bdf812 2px,#0000 2px),linear-gradient(90deg,#0000 48px,#38bdf81f 50px,#0000 52px),linear-gradient(#0000 48px,#38bdf81f 50px,#0000 52px);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100px 100px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:25s linear infinite puzzleMove;position:absolute;inset:0}@keyframes puzzleMove{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:100px 100px,-100px 100px,100px -100px,-100px -100px}}.hero-left,.hero-right{z-index:1;position:relative}.hero-left{flex:1}.hero-left h1{background:linear-gradient(90deg,#fff,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:56px}.hero-left p{color:#94a3b8;margin-top:20px;font-size:20px}.hero-right{flex:1;justify-content:center;display:flex}.hero-image{filter:drop-shadow(0 25px 40px #0009);width:100%;max-width:400px;height:auto;animation:6s ease-in-out infinite float3d}.hero-right:before{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#38bdf840,#0000 70%);width:400px;height:400px;position:absolute}@keyframes float3d{0%{transform:translateY(0)rotateY(0)}50%{transform:translateY(-15px)rotateY(6deg)}to{transform:translateY(0)rotateY(0)}}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06b6d4,#3b82f6);border:none;border-radius:10px;margin-top:30px;padding:14px 30px;font-weight:600;transition:all .3s}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0006}.products{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:5px;padding-bottom:100px;display:grid}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:20px;padding:30px;transition:all .3s}.product-card h4{color:#38bdf8;margin:15px 0;font-size:24px;font-weight:700}.product-card:hover{border:1px solid #38bdf866;transform:translateY(-10px);box-shadow:0 25px 60px #000000b3}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#06b6d4,#3b82f6);border:none;border-radius:8px;padding:10px 20px}.overlay{opacity:0;pointer-events:none;z-index:1000;background:#0009;transition:all .3s;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:all}.cart-drawer{z-index:1001;background:#0f172a;width:350px;height:100vh;padding:30px;transition:all .4s;position:fixed;top:0;right:-380px;overflow-y:auto}.cart-drawer.open{right:0}.pay-btn{color:#fff;background:linear-gradient(90deg,#06b6d4,#3b82f6);border:none;border-radius:8px;width:100%;margin-top:25px;padding:12px}.footer{background:#0009;margin-top:40px;padding-top:60px}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto;padding:0 20px 40px;display:flex}.footer-brand h2{margin-bottom:10px}.footer-brand p{color:#94a3b8;max-width:250px}.footer-links h4,.footer-social h4{margin-bottom:15px}.footer-links a{color:#cbd5e1;margin-bottom:8px;text-decoration:none;transition:all .3s;display:block}.footer-links a:hover{color:#38bdf8}.social-icons{gap:15px;display:flex}.social-icons a{color:#fff;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:all .3s;display:flex}.social-icons a:hover{background:linear-gradient(90deg,#06b6d4,#3b82f6);transform:translateY(-3px)}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #ffffff0d;padding:20px;font-size:14px}@media (max-width:900px){.footer-container{flex-direction:column;gap:40px}.hero{text-align:center;flex-direction:column;gap:20px;padding:40px 0}.hero-left h1{font-size:38px}.hero-left p{font-size:16px}.navbar{padding:15px 20px}.main-content{padding:0 15px}}.blog-page{padding:80px 0}.blog-header{text-align:center;margin-bottom:60px}.blog-header h1{margin-bottom:10px;font-size:42px}.blog-header p{color:#94a3b8}.featured-blog{background:linear-gradient(135deg,#38bdf81a,#020617cc);border:1px solid #38bdf833;border-radius:20px;margin-bottom:50px;padding:40px;transition:all .3s}.featured-blog:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0009}.featured-content h2{margin:15px 0}.tag{color:#38bdf8;background:#38bdf833;border-radius:20px;margin-bottom:10px;padding:5px 12px;font-size:12px;display:inline-block}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.blog-card{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;padding:25px;transition:all .3s}.blog-card:hover{border:1px solid #38bdf866;transform:translateY(-6px);box-shadow:0 15px 40px #00000080}.blog-card h3{margin:10px 0}.blog-card p{color:#94a3b8;font-size:14px}.meta{color:#64748b;justify-content:space-between;margin-top:15px;font-size:12px;display:flex}@media (max-width:768px){.blog-header h1{font-size:30px}}.blog-card{cursor:pointer}.blog-modal-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.blog-modal{background:#0f172a;border:1px solid #38bdf833;border-radius:20px;width:90%;max-width:700px;max-height:80vh;padding:40px;animation:.3s fadeInModal;position:relative;overflow-y:auto}@keyframes fadeInModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:20px;right:20px}.blog-content{color:#cbd5e1;margin-top:20px;line-height:1.7}.feature-list{margin:15px 0;padding:0;list-style:none}.feature-list li{color:#cbd5e1;margin-bottom:6px;font-size:13px}.brand-link{align-items:center;text-decoration:none;display:flex}.brand-link:hover .brand-name{filter:brightness(1.2)}.logo{height:40px;margin-right:2px;display:block}.brand-name{background:linear-gradient(90deg,#fff,#38bdf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:20px;font-weight:600;line-height:1}