@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Manrope:wght@300;400;500;600;700&display=swap";
.generative-art-platform{--color-primary:#fff;--color-secondary:#888;--color-accent-magenta:#f0f;--color-accent-cyan:#0ff;--color-accent-lime:#0f0;--color-accent-yellow:#ff0;--color-bg:#0a0a0a;--color-bg-alt:#111;--color-bg-card:#1a1a1a;--color-bg-elevated:#222;--color-text:#fff;--color-text-muted:#888;--color-text-subtle:#555;--color-border:#333;--color-border-hover:#444;--font-heading:"Syne",sans-serif;--font-body:"Manrope",sans-serif;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}.generative-art-platform h1,.generative-art-platform h2,.generative-art-platform h3,.generative-art-platform h4{font-family:var(--font-heading);font-weight:700}.generative-art-platform .gradient-text{background:linear-gradient(135deg,var(--color-accent-magenta)0%,var(--color-accent-cyan)50%,var(--color-accent-lime)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.generative-art-platform .gradient-text-alt{background:linear-gradient(90deg,var(--color-accent-yellow)0%,var(--color-accent-magenta)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.generative-art-platform .navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);background:#0a0a0acc;border-radius:12px;position:fixed;top:16px;left:16px;right:16px}.generative-art-platform .card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;transition:border-color .2s,box-shadow .2s}.generative-art-platform .card:hover{border-color:var(--color-border-hover);box-shadow:0 0 40px #ff00ff1a}.generative-art-platform .art-preview{background:var(--color-bg-alt);border-radius:12px;position:relative;overflow:hidden}.generative-art-platform .art-preview:before{content:"";opacity:0;background:linear-gradient(45deg,#ff00ff1a 0%,#00ffff1a 50%,#00ff001a 100%);transition:opacity .3s;position:absolute;inset:0}.generative-art-platform .art-preview:hover:before{opacity:1}.generative-art-platform .btn-primary{background:var(--color-primary);color:var(--color-bg);font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;padding:14px 32px;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s}.generative-art-platform .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.generative-art-platform .btn-secondary{color:var(--color-text);font-family:var(--font-heading);border:1px solid var(--color-border);cursor:pointer;letter-spacing:.5px;background:0 0;border-radius:8px;padding:14px 32px;font-size:.875rem;font-weight:600;transition:border-color .2s,background .2s}.generative-art-platform .btn-secondary:hover{border-color:var(--color-primary);background:#ffffff0d}.generative-art-platform .btn-accent{background:linear-gradient(135deg,var(--color-accent-magenta)0%,var(--color-accent-cyan)100%);color:var(--color-bg);font-family:var(--font-heading);cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;padding:14px 32px;font-size:.875rem;font-weight:600;transition:transform .2s,box-shadow .2s}.generative-art-platform .btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff00ff4d}.generative-art-platform .badge{letter-spacing:1px;text-transform:uppercase;background:var(--color-bg-elevated);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-flex}.generative-art-platform .badge-accent{color:var(--color-accent-cyan);background:linear-gradient(135deg,#f0f3 0%,#0ff3 100%);border-color:#ff00ff4d}.generative-art-platform .style-pill{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:100px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.generative-art-platform .style-pill:hover{border-color:var(--color-accent-magenta);background:#ff00ff1a}.generative-art-platform .style-pill.active{background:linear-gradient(135deg,var(--color-accent-magenta)0%,var(--color-accent-cyan)100%);color:var(--color-bg);border-color:#0000}.generative-art-platform .tool-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;border-radius:16px;padding:32px;transition:all .2s}.generative-art-platform .tool-card:hover{border-color:var(--color-accent-cyan);transform:translateY(-4px)}.generative-art-platform .tool-card .icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;display:flex}.generative-art-platform .mint-step{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;align-items:flex-start;gap:20px;padding:24px;transition:border-color .2s;display:flex}.generative-art-platform .mint-step:hover{border-color:var(--color-border-hover)}.generative-art-platform .mint-step .step-number{width:40px;height:40px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.generative-art-platform .input{background:var(--color-bg-alt);border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-body);border-radius:12px;padding:16px 20px;font-size:1rem;transition:border-color .2s}.generative-art-platform .input:focus{border-color:var(--color-accent-magenta);outline:none}.generative-art-platform .input::placeholder{color:var(--color-text-subtle)}.generative-art-platform .bento-grid{grid-template-rows:repeat(2,280px);grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.generative-art-platform .bento-grid .bento-item:first-child{grid-area:span 2/span 2}.generative-art-platform .bento-grid .bento-item:nth-child(2),.generative-art-platform .bento-grid .bento-item:nth-child(3){grid-column:span 1}.generative-art-platform .bento-grid .bento-item:nth-child(4){grid-column:span 2}.generative-art-platform .chaos-blob{filter:blur(80px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.generative-art-platform .chaos-blob-1{background:var(--color-accent-magenta);width:400px;height:400px;top:10%;right:10%}.generative-art-platform .chaos-blob-2{background:var(--color-accent-cyan);width:300px;height:300px;bottom:20%;left:5%}.generative-art-platform .chaos-blob-3{background:var(--color-accent-lime);width:250px;height:250px;top:50%;left:30%}.generative-art-platform .footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border)}@media (max-width:1024px){.generative-art-platform .bento-grid{grid-template-rows:auto;grid-template-columns:repeat(2,1fr)}.generative-art-platform .bento-grid .bento-item:first-child{grid-area:span 1/span 2}.generative-art-platform .bento-grid .bento-item:nth-child(4){grid-column:span 2}}@media (max-width:640px){.generative-art-platform .bento-grid{grid-template-columns:1fr}.generative-art-platform .bento-grid .bento-item{grid-column:span 1!important}.generative-art-platform .navbar{top:8px;left:8px;right:8px}}@media (prefers-reduced-motion:reduce){.generative-art-platform .card,.generative-art-platform .btn-primary,.generative-art-platform .btn-secondary,.generative-art-platform .btn-accent,.generative-art-platform .tool-card,.generative-art-platform .style-pill,.generative-art-platform .art-preview:before{transition:none}}