@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:"Press Start 2P",cursive;line-height:1.6;font-weight:400;color:#333;background:linear-gradient(135deg,#2d1b69,#1a5f3f,#69421b);image-rendering:pixelated;image-rendering:crisp-edges}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#2d1b69,#1a5f3f,#69421b);image-rendering:pixelated;image-rendering:crisp-edges}#app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{background-color:#1a1a1a;color:#fff;padding:16px 0;position:sticky;top:0;z-index:100}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700}.logo-stacked{display:flex;flex-direction:column;line-height:.85;letter-spacing:2px}.logo-top{font-weight:400;font-size:12px;text-transform:uppercase;background:linear-gradient(135deg,#27ae60,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-bottom{font-weight:400;font-size:12px;text-transform:uppercase;background:linear-gradient(135deg,#3498db,#9b59b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:32px}.nav a{color:#fff;text-decoration:none;transition:opacity .2s;font-size:10px}.nav a:hover{opacity:.7}main{flex:1}.hero{background:linear-gradient(135deg,#1a252fe6,#1e5a7ae6),url(/Gemini_Generated_Image_tq7tb9tq7tb9tq7t.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:120px 0;text-align:center;opacity:0;animation:fadeIn 1.5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero h1{font-size:24px;margin-bottom:16px;font-weight:400}.hero p{font-size:12px;margin-bottom:32px;opacity:.9;line-height:1.8}.cta-buttons{display:flex;gap:16px;justify-content:center}.btn{padding:12px 32px;font-size:10px;font-weight:400;border:none;border-radius:0;cursor:pointer;transition:transform .2s,box-shadow .2s;image-rendering:pixelated}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-primary{background-color:#27ae60;color:#fff}.btn-secondary{background-color:#fff;color:#2c3e50}.section{padding:80px 0;text-align:center}#about{opacity:0;transform:translate(-50px);transition:opacity .8s ease-out,transform .8s ease-out;background:linear-gradient(135deg,#3d4a6b,#c89b7c,#e6955c)}#about.visible{opacity:1;transform:translate(0)}#about h2{color:#fff;text-align:left}#about p{color:#f0e6d2}.about-content{display:flex;align-items:center;gap:48px;text-align:left}.about-image{flex-shrink:0;width:300px;height:300px;object-fit:cover;border:none;box-shadow:none;image-rendering:pixelated;opacity:.9;mix-blend-mode:screen}.about-text{flex:1}.about-text h2{text-align:left}.about-text p{text-align:left;margin-left:0;margin-right:0}#retail{opacity:0;transform:scale(.9);transition:opacity .8s ease-out,transform .8s ease-out}#retail.visible{opacity:1;transform:scale(1)}#wholesale{opacity:0;transform:translate(50px);transition:opacity .8s ease-out,transform .8s ease-out}#wholesale.visible{opacity:1;transform:translate(0)}#contact{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}#contact.visible{opacity:1;transform:translateY(0)}#contact{background:linear-gradient(135deg,#1a252fe6,#1e5a7ae6);padding:80px 0;text-align:center}.section-alt{background:linear-gradient(135deg,#1a2a35,#3a2f1a)}#wholesale{background:linear-gradient(135deg,#2a4a1a,#6b4a2a)}.section h2{font-size:20px;margin-bottom:16px;font-weight:400;text-shadow:0 0 8px rgba(255,255,255,.8),0 0 16px rgba(255,255,255,.6)}.section p{font-size:10px;color:#ccc;margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8}.section-alt h2,.section-alt p{color:#fff}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}.feature-card{padding:32px;background:#fff;border-radius:0;box-shadow:4px 4px #0000004d;border:2px solid #333}.section-alt .feature-card{background:#fff}.feature-card h3{font-size:12px;margin-bottom:12px;font-weight:400}.feature-card p{color:#666;margin:0;font-size:8px;line-height:1.8}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{padding:12px;font-size:10px;border:2px solid #ddd;border-radius:0;font-family:inherit}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#3498db}.contact-form button{width:fit-content;margin:0 auto;transition:opacity .2s}.contact-form button:disabled{opacity:.6;cursor:not-allowed}#recaptcha-container{display:flex;justify-content:center;margin:8px 0}.footer{background-color:#1a1a1a;color:#fff;padding:32px 0;text-align:center}.footer p{margin:0;opacity:.7}.notification{position:fixed;top:24px;right:24px;background-color:#27ae60;color:#fff;padding:16px 24px;font-size:10px;border:2px solid white;box-shadow:4px 4px #0000004d;z-index:1000;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}.notification.show{opacity:1;transform:translateY(0)}.notification-error{background-color:#e74c3c}@media(max-width:768px){.nav{gap:16px}.hero h1{font-size:32px}.hero p{font-size:16px}.cta-buttons{flex-direction:column;align-items:center}.section h2{font-size:28px}.features{grid-template-columns:1fr}.about-content{flex-direction:column;text-align:center}.about-image{width:250px;height:250px}.about-text h2,.about-text p{text-align:center}}