*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#050505;color:#fff;overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}::selection{background:rgba(255,255,255,.15);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;gap:8px;position:relative;overflow:hidden}.btn-sm{padding:10px 22px;font-size:.875rem}.btn-lg{padding:16px 36px;font-size:.95rem;letter-spacing:.3px}.btn-primary{background:#fff;color:#000}.btn-primary:hover{background:#e8e8e8;transform:translateY(-2px);box-shadow:0 12px 40px rgba(255,255,255,.12)}.btn-login{background:#5865F2;color:#fff}.btn-login:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 12px 40px rgba(88,101,242,.25)}.btn-icon{width:18px;height:18px;flex-shrink:0}.btn-outline{background:rgba(255,255,255,.03);color:#fff;border:1.5px solid rgba(255,255,255,.15);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.08);transform:translateY(-2px)}.cart-btn{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:10px;transition:background .2s}.cart-btn svg{width:22px;height:22px;color:rgba(255,255,255,.7)}.cart-btn:hover{background:rgba(255,255,255,.08)}.cart-btn:hover svg{color:#fff}.cart-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;border-radius:50%;background:#fff;color:#000;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:transform .2s}.cart-count.bump{animation:cartBump .3s ease}@keyframes cartBump{50%{transform:scale(1.4)}}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.cart-overlay.open{opacity:1;pointer-events:all}.cart-sidebar{position:fixed;top:0;right:-420px;bottom:0;width:400px;max-width:90vw;background:#0a0a0a;border-left:1px solid rgba(255,255,255,.08);z-index:201;display:flex;flex-direction:column;transition:right .35s cubic-bezier(.4,0,.2,1)}.cart-sidebar.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.cart-header h3{font-size:1.1rem;font-weight:800}.cart-close{background:none;border:none;color:rgba(255,255,255,.5);font-size:1.6rem;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.cart-close:hover{color:#fff}.cart-items{flex:1;overflow-y:auto;padding:20px 24px}.cart-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:center}.cart-item-img{width:56px;height:56px;border-radius:10px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-item-img svg{width:24px;height:24px;color:rgba(255,255,255,.15)}.cart-item-info{flex:1;min-width:0}.cart-item-info h4{font-size:.9rem;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-info .cart-item-cat{font-size:.72rem;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.5px}.cart-item-price{font-size:1rem;font-weight:700;white-space:nowrap;margin-right:4px}.cart-item-remove{background:none;border:none;color:rgba(255,255,255,.25);font-size:1.2rem;cursor:pointer;padding:4px 6px;line-height:1;transition:color .2s}.cart-item-remove:hover{color:#ef4444}.cart-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.08)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:700}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid transparent}.navbar.scrolled{background:rgba(5,5,5,.8);backdrop-filter:blur(24px) saturate(1.2);border-color:rgba(255,255,255,.06)}.nav-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.1rem}.logo-img{width:38px;height:38px;border-radius:10px;object-fit:contain;filter:invert(1)}.logo-text{letter-spacing:1.5px;font-size:1rem}.nav-links{display:flex;gap:32px}.nav-links a{font-size:.9rem;font-weight:500;color:rgba(255,255,255,.65);transition:color .2s}.nav-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:16px}.mobile-toggle{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px}.mobile-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s}.mobile-menu{display:none;flex-direction:column;gap:16px;padding:24px;background:rgba(0,0,0,.95);border-top:1px solid rgba(255,255,255,.08)}.mobile-menu a{font-size:1rem;color:rgba(255,255,255,.7)}@media (max-width:768px){.nav-links{display:none}.nav-actions .btn{display:none}.mobile-toggle{display:flex}.mobile-menu.open{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 24px 80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px}.noise-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");opacity:.4;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.08}.glow-1{width:700px;height:700px;background:#fff;top:-250px;left:50%;transform:translateX(-50%)}.glow-2{width:500px;height:500px;background:#888;bottom:-150px;right:-150px}.glow-3{width:600px;height:600px;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.04}.hero-container{position:relative;z-index:1;text-align:center;max-width:800px}.hero-logo-wrap{margin:0 auto 32px;width:120px;height:120px;position:relative;animation:heroFloat 6s ease-in-out infinite}.hero-logo-wrap::before{content:'';position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%)}.hero-logo{width:120px;height:120px;object-fit:contain;filter:invert(1) drop-shadow(0 0 40px rgba(255,255,255,.15));position:relative;z-index:1}@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-badge{display:inline-block;padding:8px 20px;border-radius:100px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:28px;backdrop-filter:blur(10px)}.hero-title{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:900;line-height:1.05;margin-bottom:24px;letter-spacing:-1px}.highlight{color:rgba(255,255,255,.4)}.hero-subtitle{font-size:1.1rem;color:rgba(255,255,255,.45);max-width:520px;margin:0 auto 40px;line-height:1.8}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:72px}.stats-row{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;padding:40px 0 0;border-top:1px solid rgba(255,255,255,.05)}.stat{text-align:center}.stat-number{font-size:2.4rem;font-weight:800;letter-spacing:-1px}.stat-plus,.stat-percent,.stat-slash{font-size:1.4rem;font-weight:700;color:rgba(255,255,255,.35)}.stat-label{display:block;font-size:.75rem;color:rgba(255,255,255,.3);margin-top:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.features{padding:140px 0;position:relative}.features::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.section-badge{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px}.section-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:16px;letter-spacing:-0.5px}.section-subtitle{font-size:1rem;color:rgba(255,255,255,.4);max-width:520px;margin:0 auto 64px;line-height:1.7}.features .container{text-align:center}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.features-grid{grid-template-columns:1fr}}.feature-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:36px;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);box-shadow:0 20px 60px rgba(0,0,0,.4)}.feature-card:hover::before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid rgba(255,255,255,.06)}.feature-icon svg{width:24px;height:24px;color:rgba(255,255,255,.8)}.feature-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.feature-card p{font-size:.88rem;color:rgba(255,255,255,.4);line-height:1.7}.cta-section{position:relative;padding:140px 0;text-align:center;overflow:hidden;border-top:1px solid rgba(255,255,255,.04)}.cta-bg{position:absolute;inset:0;z-index:0}.cta-container{position:relative;z-index:1}.cta-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-bottom:20px;letter-spacing:-0.5px}.cta-subtitle{font-size:1.05rem;color:rgba(255,255,255,.4);max-width:480px;margin:0 auto 40px;line-height:1.7}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer{padding:80px 0 40px;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.3)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}.footer-desc{font-size:.9rem;color:rgba(255,255,255,.45);margin:16px 0 8px;line-height:1.7}.footer-tagline{font-size:.85rem;color:rgba(255,255,255,.3);font-style:italic;margin-bottom:20px}.footer-socials{display:flex;gap:12px}.footer-socials a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:background .25s}.footer-socials a:hover{background:rgba(255,255,255,.14)}.footer-socials svg{width:20px;height:20px}.footer-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:rgba(255,255,255,.8)}.footer-col a{display:block;font-size:.9rem;color:rgba(255,255,255,.4);margin-bottom:12px;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:32px;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:rgba(255,255,255,.3)}.heart{color:#fff;font-size:1rem}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.fade-up.visible{opacity:1;transform:translateY(0)}body{animation:pageIn .6s ease}@keyframes pageIn{from{opacity:0}to{opacity:1}}