@import"https://fonts.googleapis.com/css2?family=Bungee+Inline&family=Press+Start+2P&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.scroll-smooth{scroll-behavior:smooth}.border{border-style:var(--tw-border-style);border-width:1px}:root{--primary-color:#ff0054;--secondary-color:#00ffc0;--accent-color:gold;--bg-color:#2d2d2d;--text-color:#fff}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0}@media(max-width:768px){body{overflow-x:hidden}.container{padding:10px}}.container{max-width:1200px;margin:0 auto;padding:20px}section{border-bottom:5px solid var(--secondary-color);min-height:100vh;padding:80px 20px}h1,h2,h3{text-align:center;color:var(--primary-color);text-shadow:4px 4px 0 var(--secondary-color);margin-bottom:40px;font-family:"Press Start 2P",cursive}h1{font-size:3em}h2{font-size:2em}h3{font-size:1.5em}.navbar{background-color:var(--bg-color);border-bottom:3px solid var(--accent-color);z-index:100;text-align:center;flex-wrap:wrap;justify-content:space-around;padding:10px 0;display:flex;position:sticky;top:0}.navbar a{color:var(--text-color);margin:0 15px;padding:5px 10px;font-family:"Press Start 2P",cursive;font-size:.8em;text-decoration:none;transition:color .3s,background-color .3s;display:inline-block}.navbar a:hover{color:var(--primary-color);background-color:var(--accent-color);transform:scale(1.05)}.btn{background-color:var(--primary-color);color:var(--text-color);border:4px solid var(--text-color);cursor:pointer;box-shadow:5px 5px 0 var(--accent-color);margin:10px;padding:15px 30px;font-family:"Press Start 2P",cursive;font-size:1em;text-decoration:none;transition:all .2s;display:inline-block}.btn:hover{box-shadow:3px 3px 0 var(--accent-color);transform:translate(2px,2px)}.shoe-nav-btn{padding:8px 15px;font-size:.9em}.whatsapp-btn{background-color:#25d366}#social-proof{text-align:center;background:repeating-linear-gradient(45deg,var(--bg-color),var(--bg-color)10px,#1e1e1e 10px,#1e1e1e 20px)}.social-links a{color:var(--text-color);margin:0 20px;font-size:2em;transition:color .3s}.social-links a:hover{color:var(--primary-color)}#available-stock{text-align:center;background-color:#1e1e1e}.shoe-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px;display:grid}@media(max-width:768px){.shoe-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.shoe-card{background-color:var(--bg-color);border:3px solid var(--secondary-color);box-shadow:6px 6px 0 var(--primary-color);text-align:left;padding:20px;transition:transform .3s}.shoe-card:hover{cursor:pointer;transform:scale(1.03)}.shoe-card img{-o-object-fit:cover;object-fit:cover;border:2px dashed var(--accent-color);width:100%;height:280px;margin-bottom:15px}.shoe-card h3{color:var(--accent-color);text-shadow:none;text-align:left;margin:0 0 5px;font-family:Bungee Inline,sans-serif}.shoe-card p{color:#ccc;margin:0;font-size:1.1em}#preorder{text-align:center;background-color:#3a3a3a}#preorder form{border:5px solid var(--primary-color);max-width:600px;box-shadow:8px 8px 0 var(--secondary-color);background-color:var(--bg-color);margin:0 auto;padding:30px}#preorder input,#preorder select,#preorder textarea{box-sizing:border-box;width:90%;color:var(--text-color);border:2px solid var(--accent-color);background-color:#1e1e1e;margin-bottom:20px;padding:15px;font-family:sans-serif;font-size:1em}footer{text-align:center;border-top:5px solid var(--primary-color);background-color:var(--bg-color);padding:20px;font-size:.8em}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.bouncing-shoe{position:absolute;width:50px;height:50px;background-image:url(/animation/shoe.png);background-size:contain;background-repeat:no-repeat;opacity:.7;z-index:-1}@media(max-width:768px){.bouncing-shoe{width:80px;height:80px}}