*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{color:#eef2ff;background-color:#06080f;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6,p{-webkit-text-fill-color:currentcolor}input,textarea,select{font:inherit}::selection{color:#eef2ff;background:#00e5c74d}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#root{min-height:100vh}@keyframes ambient-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes fade-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes shimmer-line{0%{background-position:-200%}to{background-position:200%}}@keyframes step-pulse{0%,to{box-shadow:0 0 #00e5c766}50%{box-shadow:0 0 0 8px #00e5c700}}@keyframes loader-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loader-core{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes grid-fade{0%,to{opacity:.03}50%{opacity:.07}}.ambient-background{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 50% -10%,#0f1a2e 0%,#06080f 55%);position:fixed;inset:0;overflow:hidden}.ambient-background__grid{z-index:1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:64px 64px;animation:8s ease-in-out infinite grid-fade;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 20%,#0000 75%)}.ambient-background__orb{z-index:2;filter:blur(80px);border-radius:50%;animation:18s ease-in-out infinite ambient-drift;position:absolute}.ambient-background__orb--teal{background:#00e5c72e;width:480px;height:480px;animation-duration:22s;top:-8%;left:-5%}.ambient-background__orb--violet{background:#7c6bff29;width:420px;height:420px;animation-duration:26s;animation-delay:-6s;top:35%;right:-8%}.ambient-background__orb--amber{background:#ffb3471a;width:320px;height:320px;animation-duration:20s;animation-delay:-12s;bottom:5%;left:30%}.ambient-background__noise{z-index:3;opacity:.12;background-image: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='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ambient-background__orb,.ambient-background__grid{animation:none}}.navigation{z-index:20;padding:.5rem 2rem;position:sticky;top:0}.navigation__inner{-webkit-backdrop-filter:blur(16px);background:#101624b8;border:1px solid #ffffff14;border-radius:22px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.25rem .5rem;display:flex;box-shadow:0 24px 64px #00000073}.navigation__brand{align-items:center;gap:1rem;display:flex}.navigation__logo{place-items:center;width:40px;height:40px;display:grid;position:relative}.navigation__logo-core{background:linear-gradient(135deg,#00e5c7,#7c6bff);border-radius:4px;width:14px;height:14px;transform:rotate(45deg);box-shadow:0 0 20px #00e5c759}.navigation__logo-ring{border:1.5px solid #00e5c759;border-radius:12px;animation:12s linear infinite orbit-spin;position:absolute;inset:0}.navigation__brand-text{flex-direction:column;gap:2px;display:flex}.navigation__name{letter-spacing:-.02em;color:#00e5c7;-webkit-text-fill-color:transparent;background-image:linear-gradient(120deg,#00e5c7 0%,#7c6bff 50%,#ffb347 100%);background-size:100%;-webkit-background-clip:text;background-clip:text;font-family:Syne,system-ui,sans-serif;font-size:1.1rem;font-weight:800;display:inline-block}.navigation__tag{text-transform:uppercase;letter-spacing:.14em;color:#5c6578;-webkit-text-fill-color:#5c6578;background:0 0;background-clip:unset;-webkit-background-clip:unset;font-size:.7rem}.navigation__badge{letter-spacing:.04em;text-transform:uppercase;color:#00e5c7;-webkit-text-fill-color:#00e5c7;background:0 0;background-clip:unset;-webkit-background-clip:unset;border:1px solid #00e5c733;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.75rem;font-weight:600;display:flex}.navigation__badge-dot{background:#00e5c7;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-glow;box-shadow:0 0 8px #00e5c7}@media (width<=600px){.navigation__badge{display:none}}@media (prefers-reduced-motion:reduce){.navigation__logo-ring,.navigation__badge-dot{animation:none}}.layout{isolation:isolate;min-height:100vh;position:relative}.layout__surface{z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.layout__main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem 5rem}.home{padding-top:.5rem}.home__hero{z-index:1;text-align:center;margin-bottom:2rem;position:relative}.home__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#00e5c7;-webkit-text-fill-color:#00e5c7;background:0 0;background-clip:unset;-webkit-background-clip:unset;border:1px solid #ffffff24;border-radius:999px;margin-bottom:.5rem;padding:.3rem .85rem;font-size:.75rem;font-weight:600;display:inline-block}.home__title{letter-spacing:-.03em;color:#eef2ff;-webkit-text-fill-color:#eef2ff;background:0 0;background-clip:unset;-webkit-background-clip:unset;margin-bottom:.5rem;font-family:Syne,system-ui,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.home__title-accent{color:#00e5c7;-webkit-text-fill-color:#00e5c7;background:0 0;background-clip:unset;-webkit-background-clip:unset;font-weight:800}.home__description{color:#8b95b0;-webkit-text-fill-color:#8b95b0;background:0 0;background-clip:unset;-webkit-background-clip:unset;max-width:560px;margin:0 auto 1rem;font-size:.95rem;line-height:1.6}.home__stats{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.home__stat{-webkit-backdrop-filter:blur(12px);background:#101624b8;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:100px;padding:.5rem 1rem;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 24px 64px #00000073}.home__stat:hover{border-color:#00e5c740;transform:translateY(-2px)}.home__stat-value{color:#00e5c7;-webkit-text-fill-color:transparent;background-image:linear-gradient(120deg,#00e5c7 0%,#7c6bff 50%,#ffb347 100%);background-size:100%;-webkit-background-clip:text;background-clip:text;font-family:Syne,system-ui,sans-serif;font-size:1.35rem;font-weight:800;display:inline-block}.home__stat-label{text-transform:uppercase;letter-spacing:.08em;color:#5c6578;-webkit-text-fill-color:#5c6578;background:0 0;background-clip:unset;-webkit-background-clip:unset;font-size:.68rem}.home__generator{margin-top:0}@media (prefers-reduced-motion:reduce){.home__stat:hover{transform:none}}.project-generator{-webkit-backdrop-filter:blur(24px);background:#101624b8;border:1px solid #ffffff14;border-radius:22px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000073}.project-generator:before{content:"";background:linear-gradient(90deg,#0000,#00e5c7,#7c6bff,#0000) 0 0/200% 100%;height:2px;animation:4s ease-in-out infinite shimmer-line;position:absolute;top:0;left:0;right:0}.project-generator__steps{flex-wrap:wrap;gap:.5rem;margin:0 0 3rem;padding:0;list-style:none;display:flex;position:relative}.project-generator__step{color:#5c6578;letter-spacing:.02em;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;padding:.5rem 1rem .5rem 2rem;font-size:.82rem;font-weight:500;transition:all .45s cubic-bezier(.22,1,.36,1);position:relative}.project-generator__step:before{content:"";background:#5c6578;border-radius:50%;width:8px;height:8px;transition:all .45s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.project-generator__step--active{color:#00e5c7;background:#00e5c71a;border-color:#00e5c759;font-weight:700;animation:2.5s ease-in-out infinite step-pulse}.project-generator__step--active:before{background:#00e5c7;box-shadow:0 0 10px #00e5c759}.project-generator__step--done{color:#34d399;background:#34d39914;border-color:#34d39940}.project-generator__step--done:before{background:#34d399}.project-generator__api-status{border-radius:14px;margin-bottom:1rem;padding:1rem 2rem;font-size:.9rem;line-height:1.5;animation:.6s both fade-in}.project-generator__api-status code{background:#0000004d;border-radius:4px;padding:.15rem .4rem;font-size:.85em}.project-generator__api-status--checking{color:#a89bff;background:#7c6bff1a;border:1px solid #7c6bff40}.project-generator__api-status--offline{color:#f87171;background:#f8717114;border:1px solid #f871714d}@media (width<=600px){.project-generator{padding:2rem 1rem}}@media (prefers-reduced-motion:reduce){.project-generator:before,.project-generator__step--active{animation:none}}.prompt-step{animation:fade-rise .7s .45s cubic-bezier(.22, 1, .36, 1) .1s both}.prompt-step__title{letter-spacing:-.02em;margin-bottom:.5rem;font-family:Syne,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.prompt-step__description{color:#8b95b0;margin-bottom:2rem;font-size:.95rem;line-height:1.7}.prompt-step__textarea{width:100%;font:inherit;color:#eef2ff;resize:vertical;background:#00000040;border:1px solid #ffffff14;border-radius:14px;min-height:200px;margin-bottom:.25rem;padding:1rem 2rem;font-size:.95rem;line-height:1.6;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.prompt-step__textarea::placeholder{color:#5c6578}.prompt-step__textarea:focus{border-color:#00e5c780;outline:none;box-shadow:0 0 0 3px #00e5c726}.prompt-step__keyboard-hint{color:#5c6578;margin:0 0 1rem;font-size:.8rem}.prompt-step__keyboard-hint kbd{color:#8b95b0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.75rem;display:inline-block}.prompt-step__error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem}.prompt-step__button{color:#06080f;-webkit-text-fill-color:#06080f;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#00e5c7 0%,#00b89e 100%);border:none;border-radius:14px;padding:.9rem 1.5rem;font-family:Syne,system-ui,sans-serif;font-size:.95rem;font-weight:700;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.prompt-step__button:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.prompt-step__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #00e5c759}.prompt-step__button:hover:not(:disabled):after{transform:translate(120%)}.prompt-step__button:disabled{opacity:.55;cursor:not-allowed}.prompt-step__documentation{background:#00000026;border:1px solid #ffffff14;border-radius:14px;margin-bottom:2rem;padding:1rem 2rem}.prompt-step__documentation-legend{color:#8b95b0;padding:0 .25rem;font-family:Syne,system-ui,sans-serif;font-size:.85rem;font-weight:600}.prompt-step__documentation-options{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.prompt-step__documentation-option{cursor:pointer;border:1px solid #0000;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:start;gap:0 .5rem;padding:.5rem 1rem;transition:border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1);display:grid}.prompt-step__documentation-option input{accent-color:#00e5c7;margin-top:3px}.prompt-step__documentation-option--active{background:#00e5c70f;border-color:#00e5c759}.prompt-step__documentation-option:hover{border-color:#00e5c733}.prompt-step__documentation-label{color:#eef2ff;font-size:.9rem;font-weight:600}.prompt-step__documentation-hint{color:#5c6578;grid-column:2;font-size:.82rem;line-height:1.5}.generate-step{text-align:center;padding:5rem 1rem;animation:.6s both fade-in}.generate-step__visual{width:120px;height:120px;margin:0 auto 3rem;position:relative}.generate-step__ring{border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.generate-step__ring--outer{border-top-color:#00e5c7;border-right-color:#00e5c733;animation:1.4s linear infinite loader-orbit}.generate-step__ring--inner{border-bottom-color:#7c6bff;border-left-color:#7c6bff33;animation:1s linear infinite reverse loader-orbit;inset:16px}.generate-step__core{background:linear-gradient(135deg,#00e5c7,#7c6bff);border-radius:50%;animation:1.6s ease-in-out infinite loader-core;position:absolute;inset:36px;box-shadow:0 0 30px #00e5c759}.generate-step__title{animation:fade-rise .7s .45s cubic-bezier(.22, 1, .36, 1) .2s both;margin-bottom:.5rem;font-family:Syne,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.generate-step__description{color:#8b95b0;max-width:480px;animation:fade-rise .7s .45s cubic-bezier(.22, 1, .36, 1) .3s both;margin:0 auto 3rem;font-size:.95rem;line-height:1.7}.generate-step__phases{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.generate-step__phase{color:#5c6578;letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:.4rem .9rem;font-size:.78rem;animation:.5s both fade-in}.generate-step__phase:first-child{animation-delay:.4s}.generate-step__phase:nth-child(2){animation-delay:.6s}.generate-step__phase:nth-child(3){animation-delay:.8s}@media (prefers-reduced-motion:reduce){.generate-step__ring,.generate-step__core,.generate-step__phase{animation:none}}.result-step{animation:fade-rise .7s .45s cubic-bezier(.22, 1, .36, 1) .1s both}.result-step__title{letter-spacing:-.02em;margin-bottom:.5rem;font-family:Syne,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.result-step__description{color:#8b95b0;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.result-step__summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.result-step__summary ul{margin:0;padding:0;list-style:none;display:contents}.result-step__summary li{color:#8b95b0;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:1rem;font-size:.88rem;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.result-step__summary li:hover{border-color:#00e5c733}.result-step__summary li strong{text-transform:uppercase;letter-spacing:.1em;color:#5c6578;margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.result-step__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.result-step__download{color:#06080f;-webkit-text-fill-color:#06080f;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#00e5c7 0%,#00b89e 100%);border:none;border-radius:14px;padding:.9rem 1.5rem;font-family:Syne,system-ui,sans-serif;font-size:.95rem;font-weight:700;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.result-step__download:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.result-step__download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #00e5c759}.result-step__download:hover:not(:disabled):after{transform:translate(120%)}.result-step__download:disabled{opacity:.55;cursor:not-allowed}.result-step__download{cursor:pointer;align-items:center;font-family:inherit;text-decoration:none;display:inline-flex}.result-step__download--secondary{color:#00e5c7;box-shadow:none;background:0 0;border:1px solid #00e5c773}.result-step__download--secondary:hover{background:#00e5c714}.result-step__documentation-message{color:#8b95b0;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.88rem}.result-step__reset{color:#8b95b0;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:14px;padding:.85rem 1.4rem;font-family:Syne,system-ui,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.result-step__reset:hover{color:#00e5c7;background:#00e5c70d;border-color:#00e5c766}.result-step__training{color:#5c6578;border-left:2px solid #7c6bff66;margin-bottom:1rem;padding-left:.5rem;font-size:.85rem}.tech-stack-table{animation:fade-rise .7s .45s cubic-bezier(.22, 1, .36, 1) .2s both;margin-bottom:3rem}.tech-stack-table__prompt{letter-spacing:-.01em;color:#eef2ff;white-space:pre-wrap;word-break:break-word;margin-bottom:.5rem;font-family:Syne,system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.55}.tech-stack-table__meta{color:#5c6578;text-transform:uppercase;letter-spacing:.06em;background:#ffffff08;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.3rem .75rem;font-size:.82rem;display:inline-flex}.tech-stack-table__scroll{background:#0003;border:1px solid #ffffff14;border-radius:14px;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.tech-stack-table__scroll::-webkit-scrollbar{height:6px}.tech-stack-table__scroll::-webkit-scrollbar-track{background:0 0}.tech-stack-table__scroll::-webkit-scrollbar-thumb{background:#00e5c74d;border-radius:3px}.tech-stack-table__grid{border-collapse:collapse;table-layout:fixed;width:100%;min-width:960px}.tech-stack-table__row--headers{background:#00e5c70f}.tech-stack-table__header{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#00e5c7;vertical-align:top;border:1px solid #ffffff14;padding:1rem;font-family:Syne,system-ui,sans-serif;font-size:.78rem;font-weight:700}.tech-stack-table__cell{vertical-align:top;background:#ffffff03;border:1px solid #ffffff14;padding:1rem;transition:background .2s cubic-bezier(.4,0,.2,1)}.tech-stack-table__row--content:hover .tech-stack-table__cell{background:#ffffff08}.tech-stack-table__list{color:#8b95b0;margin:0;padding-left:1rem;font-size:.82rem;line-height:1.55}.tech-stack-table__cell--not-required{opacity:.65;background:#00000026}.tech-stack-table__cell--not-required .tech-stack-table__list{color:#5c6578;font-style:italic}.tech-stack-table__item{margin-bottom:.3rem}.tech-stack-table__item::marker{color:#00e5c7}