:root{font-family:Space Grotesk,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f1f5f9;background-color:#05070f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#05070f}a{color:inherit}.app-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(14,165,233,.3),transparent 45%),radial-gradient(circle at bottom right,rgba(99,102,241,.2),transparent 40%),#05070f;display:flex;align-items:center}.generator-form{margin-bottom:3rem;padding:2rem;background:#0f172ab3;border-radius:24px;border:1px solid rgba(148,163,184,.15);box-shadow:0 20px 60px #02061780}.form-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-card{display:flex;flex-direction:column;gap:.75rem;background:#0f172a66;border-radius:18px;padding:1.25rem;border:1px solid rgba(99,102,241,.12);box-shadow:inset 0 0 0 1px #0f172a66}.form-card legend{font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.form-card textarea,.form-card select,.form-card input{width:100%;background:#02061799;border:1px solid rgba(148,163,184,.2);border-radius:12px;color:#f8fafc;padding:.85rem 1rem;font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-card textarea:focus,.form-card select:focus,.form-card input:focus{border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33;outline:none}.form-hint{color:#94a3b8;font-size:.85rem}.span-2{grid-column:span 2}.form-actions{align-items:center;justify-content:center}.btn-generate{width:100%;padding:1rem 1.25rem;border-radius:999px;border:none;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#05070f;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.btn-generate:disabled{opacity:.7;cursor:not-allowed}.btn-generate:not(:disabled):hover{transform:translateY(-3px)}@media(max-width:768px){.span-2{grid-column:span 1}}.generator-page{min-height:100vh;padding:4rem clamp(1.5rem,5vw,4rem);color:#f8fafc;background:linear-gradient(160deg,#0f172ae6,#05070ff2)}.generator-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.hero-content{max-width:640px}.hero-kicker{letter-spacing:.3em;text-transform:uppercase;color:#94a3b8;font-size:.75rem;margin-bottom:.5rem}.hero-content h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 .75rem}.hero-content p{color:#cbd5f5;font-size:1.1rem;margin:0}.home-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;padding:4rem clamp(2rem,5vw,6rem);color:#f8fafc;background-color:transparent}.home-content{max-width:600px}.home-kicker{text-transform:uppercase;letter-spacing:.3em;color:#94a3b8;font-size:.8rem;margin-bottom:1rem}.home-content h1{font-size:clamp(2.5rem,4vw,3.5rem);margin:0 0 1rem;line-height:1.2}.home-subtitle{color:#cbd5f5;font-size:1.1rem;margin-bottom:2rem}.home-actions{display:flex;align-items:center;gap:1rem}.home-cta{display:inline-flex;align-items:center;gap:.75rem;padding:.9rem 1.8rem;border-radius:999px;background:linear-gradient(135deg,#22d3ee,#6366f1);color:#05070f;font-weight:600;text-transform:uppercase;letter-spacing:.08em;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 15px 50px #6366f166}.home-cta:hover{transform:translateY(-4px);box-shadow:0 20px 60px #6366f199}.home-visual{display:flex;align-items:center;justify-content:center;min-height:320px}.particle-field{width:min(540px,80vw);aspect-ratio:1;border-radius:32px;background:radial-gradient(circle at top,#0ea5e91f,#05070feb 70%);box-shadow:0 20px 80px #05070fcc;opacity:.85}@media(max-width:768px){.home-wrapper{padding-top:6rem;padding-bottom:6rem}}