*{margin:0;padding:0;box-sizing:border-box}:root{--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--blue-500: #D94F8A;--blue-600: #c23d77;--blue-400: #e272a0;--purple-500: #D94F8A;--purple-600: #c23d77;--cyan-400: #e272a0;--brand: #D94F8A;--brand-dark: #C23D77;--brand-deep: #A82D62;--brand-tint: #FBE7F0;--brand-glow: rgba(217, 79, 138, .25);--ink: #1D1D1F;--ink-body: #4B4B50;--ink-soft: #86868B;--surface: #FFFFFF;--surface-alt: #F7F7F8;--border: #E8E8EA;--radius-card: 18px;--radius-input: 12px;--shadow-hover: 0 12px 32px rgba(0, 0, 0, .08);--ease-out-expo: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth}@keyframes puddleMorph{0%{border-radius:55% 45% 38% 62%/49% 55% 45% 51%;transform:scale(.92) rotate(0)}12%{border-radius:43% 57% 62% 38%/58% 42%;transform:scale(.98) rotate(6deg)}25%{border-radius:64% 36% 44% 56%/38% 62%;transform:scale(1.04) rotate(-4deg)}38%{border-radius:38% 62% 56% 44%/62% 38% 56% 44%;transform:scale(.95) rotate(9deg)}50%{border-radius:52% 48% 36% 64%/44% 56%;transform:scale(1.06) rotate(-6deg)}62%{border-radius:46% 54% 68% 32%/52% 48%;transform:scale(.97) rotate(3deg)}75%{border-radius:60% 40% 42% 58%/36% 64%;transform:scale(1.02) rotate(-2deg)}88%{border-radius:48% 52% 50% 50%/55% 45%;transform:scale(.94) rotate(5deg)}to{border-radius:55% 45% 38% 62%/49% 55% 45% 51%;transform:scale(.92) rotate(0)}}@keyframes puddleRipple{0%{transform:scale(1);opacity:.4;border-radius:55% 45% 38% 62%/49% 55% 45% 51%}50%{transform:scale(1.18);opacity:0;border-radius:52% 48% 36% 64%/44% 56%}to{transform:scale(1);opacity:.4;border-radius:55% 45% 38% 62%/49% 55% 45% 51%}}@keyframes puddleRipple2{0%{transform:scale(1.08);opacity:.25;border-radius:43% 57% 62% 38%/58% 42%}50%{transform:scale(1.28);opacity:0;border-radius:64% 36% 44% 56%/38% 62%}to{transform:scale(1.08);opacity:.25;border-radius:43% 57% 62% 38%/58% 42%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes blobListening{0%{border-radius:55% 45% 38% 62%/49% 55% 45% 51%;transform:scale(1) rotate(0)}25%{border-radius:38% 62% 56% 44%/62% 38% 56% 44%;transform:scale(1.08) rotate(-8deg)}50%{border-radius:64% 36% 44% 56%/38% 62%;transform:scale(.95) rotate(5deg)}75%{border-radius:43% 57% 62% 38%/58% 42%;transform:scale(1.05) rotate(-4deg)}to{border-radius:55% 45% 38% 62%/49% 55% 45% 51%;transform:scale(1) rotate(0)}}@keyframes blobSpeaking{0%{border-radius:52% 48% 36% 64%/44% 56%;transform:scale(1)}20%{border-radius:64% 36% 52% 48%/56% 44%;transform:scale(1.06)}40%{border-radius:44% 56% 64% 36%/40% 60%;transform:scale(.96)}60%{border-radius:56% 44% 40% 60%/60% 40% 64% 36%;transform:scale(1.04)}80%{border-radius:40% 60% 56% 44%/48% 52%;transform:scale(.98)}to{border-radius:52% 48% 36% 64%/44% 56%;transform:scale(1)}}@keyframes blobThinking{0%{border-radius:55% 45% 38% 62%/49% 55% 45% 51%;transform:scale(.94) rotate(0)}50%{border-radius:52% 48% 36% 64%/44% 56%;transform:scale(1.02) rotate(-3deg)}to{border-radius:55% 45% 38% 62%/49% 55% 45% 51%;transform:scale(.94) rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#475569}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;background-color:#030712;color:var(--slate-100);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}#root{position:relative;z-index:2}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--slate-950)}::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}::selection{background:#d94f8a4d;color:inherit}::-moz-selection{background:#d94f8a4d;color:inherit}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.navbar-content{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;text-decoration:none;cursor:pointer}.navbar-logo img{height:32px;width:auto;transition:all .3s ease}.navbar-logo:hover img{transform:scale(1.1) rotate(5deg)}.nav-links{display:flex;gap:2rem;list-style:none;position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 768px){.nav-links{display:none}}.nav-links a{color:var(--slate-400);text-decoration:none;transition:all .3s;font-weight:500;font-size:.875rem}.nav-links a:hover{color:#fff;transform:translateY(-2px)}.navbar-actions{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.navbar-actions{display:none}}.btn-ghost{padding:.5rem 1rem;background:transparent;color:var(--slate-300);border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:color .3s;text-decoration:none}.btn-ghost:hover{color:#fff}.btn-nav-primary{padding:.625rem 1.5rem;border-radius:.5rem;background:var(--blue-500);color:#fff;border:none;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-block}.btn-nav-primary:hover{background:var(--blue-600)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 1.5rem 6rem;overflow:hidden}@media (min-width: 768px){.hero{padding:9rem 2rem 6rem}}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(59,130,246,.18) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 85% 80%,rgba(168,85,247,.16) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(34,211,238,.06) 0%,transparent 70%);pointer-events:none}.hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.typewriter-text{color:#818cf8;font-style:normal}.beta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#eab30826;border:1px solid rgba(234,179,8,.4);border-radius:2rem;color:#eab308;font-size:.875rem;font-weight:600;margin-bottom:1.5rem}.pulse-dot{width:8px;height:8px;background:#eab308;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.social-proof{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;color:var(--slate-400);font-size:.95rem;flex-wrap:wrap}.social-proof span{display:flex;align-items:center;gap:.5rem}.social-proof span:before{content:"•";color:var(--slate-600)}.social-proof span:first-child:before{display:none}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6}.mouse{width:26px;height:40px;border:2px solid var(--slate-500);border-radius:15px;position:relative;display:flex;justify-content:center;padding-top:8px}.mouse-dot{width:4px;height:8px;background:var(--slate-400);border-radius:2px;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(12px);opacity:.5}}.scroll-text{color:var(--slate-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;margin-bottom:1.5rem;color:#fff;line-height:1.2}.hero-title .gradient-text{background:linear-gradient(135deg,var(--blue-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:0px transparent;text-stroke:0px transparent;paint-order:fill}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--slate-400);margin-bottom:2.5rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{padding:1rem 2rem;border-radius:.75rem;background:var(--blue-600);color:#fff;border:none;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;box-shadow:0 10px 30px -10px #3b82f666;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{will-change:transform}.btn-primary:hover{box-shadow:0 20px 50px -5px #3b82f6cc,0 0 60px -10px #3b82f699}.btn-secondary{padding:1rem 2rem;border-radius:.75rem;background:transparent;color:#fff;border:2px solid var(--slate-700);font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary{will-change:transform}.btn-secondary:hover{border-color:var(--blue-500);background:#3b82f61a}.icon{width:20px;height:20px;display:inline-block}.section{padding:8rem 1.5rem;max-width:80rem;margin:0 auto}@media (min-width: 768px){.section{padding:8rem 2rem}}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,white,var(--slate-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--slate-400);font-size:1.25rem;margin-bottom:5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}@media (max-width: 768px){.section-subtitle{font-size:1.1rem;margin-bottom:3rem}}.features-section{background:linear-gradient(to bottom,var(--slate-950),var(--slate-900));position:relative}.section-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:2rem;color:var(--blue-500);font-size:.875rem;font-weight:600;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,var(--blue-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-text-stroke:0px transparent;text-stroke:0px transparent;paint-order:fill}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1rem}.bento-span-2{grid-column:span 2}.bento-span-1{grid-column:span 1}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-span-2{grid-column:span 2}}@media (max-width: 640px){.bento-grid{grid-template-columns:1fr}.bento-span-2{grid-column:span 1}}.bento-card{background:#ffffff06;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;padding:1.75rem;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:default;position:relative;overflow:hidden}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f60a,#a855f70a);opacity:0;transition:opacity .35s;pointer-events:none}.bento-card:hover:before{opacity:1}.bento-card:hover{border-color:#ffffff1f;background:#ffffff0a}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--slate-800);border-radius:1.5rem;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f60d,#a855f70d);opacity:0;transition:opacity .4s;z-index:0}.feature-card:hover:before{opacity:1}.feature-card{will-change:transform}.feature-card>*{position:relative;z-index:1}.feature-icon{width:3.5rem;height:3.5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-icon svg{width:1.75rem;height:1.75rem;stroke:#fff;stroke-width:2}.icon-blue{background:#3b82f626}.icon-yellow{background:#eab30826}.icon-yellow svg{stroke:#eab308}.icon-purple{background:#a855f726}.icon-purple svg{stroke:var(--purple-500)}.icon-pink{background:#ec489926}.icon-pink svg{stroke:#ec4899}.icon-green{background:#22c55e26}.icon-green svg{stroke:#22c55e}.icon-orange{background:#f9731626}.icon-orange svg{stroke:#f97316}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.feature-description{color:var(--slate-400);line-height:1.7;font-size:.95rem}.how-it-works-section{background:var(--slate-950);position:relative}.badge-purple{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:2rem;color:var(--purple-500);font-size:.875rem;font-weight:600;margin-bottom:1rem}.gradient-purple-pink{background:linear-gradient(135deg,var(--purple-500),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;position:relative}@media (max-width: 1024px){.steps-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.steps-container{grid-template-columns:1fr}}.step-card{background:#0f172a80;border:1px solid var(--slate-800);border-radius:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease;z-index:1}.step-card{will-change:transform}.step-number-badge{position:absolute;top:1.5rem;right:1.5rem;width:2.5rem;height:2.5rem;border-radius:.75rem;background:#a855f71a;border:1px solid rgba(168,85,247,.3);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--purple-500)}.step-icon-container{width:4rem;height:4rem;border-radius:1rem;background:#a855f71a;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.step-icon-container svg{width:2rem;height:2rem;stroke:var(--purple-500);stroke-width:2}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.step-description{color:var(--slate-400);line-height:1.7;font-size:.95rem}.showcase-section{background:linear-gradient(to bottom,var(--slate-950),var(--slate-900),var(--slate-950));position:relative}.badge-green{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:2rem;color:#22c55e;font-size:.875rem;font-weight:600;margin-bottom:1rem}.gradient-green-emerald{background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-container{display:grid;grid-template-columns:400px 1fr;gap:3rem;margin-top:4rem;align-items:start}@media (max-width: 1024px){.showcase-container{grid-template-columns:1fr;gap:2rem}}.showcase-selector{display:flex;flex-direction:column;gap:1rem}.showcase-item{background:#0f172a80;border:2px solid var(--slate-800);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:left}.showcase-item{will-change:transform}.showcase-item.active{background:var(--slate-800);border-color:var(--blue-500)}.showcase-item-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:.5rem}.showcase-item-description{font-size:.95rem;color:var(--slate-400);margin-bottom:1rem;line-height:1.6}.showcase-tags{display:flex;flex-wrap:wrap;gap:.5rem}.showcase-tag{padding:.25rem .75rem;background:#33415580;border-radius:1rem;font-size:.75rem;color:var(--slate-300)}.showcase-preview-wrapper{position:relative;width:100%;min-height:600px}.showcase-preview-container{position:relative}.browser-chrome{background:var(--slate-900);border:1px solid var(--slate-800);border-radius:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;display:flex;flex-direction:column;height:650px}.browser-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--slate-900);border-bottom:1px solid var(--slate-800);flex-shrink:0}.browser-dots{display:flex;gap:.5rem}.browser-dot{width:12px;height:12px;border-radius:50%}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.browser-url-bar{flex:1;margin:0 1rem;height:28px;background:var(--slate-800);border-radius:.5rem;display:flex;align-items:center;padding:0 .75rem}.browser-url-text{font-size:.75rem;color:var(--slate-500)}.browser-url{flex:1;margin-left:1rem;padding:.375rem .75rem;background:var(--slate-950);border-radius:.375rem;font-size:.875rem;color:var(--slate-500)}.browser-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;background:#020617;position:relative;min-height:0}.preview-content-wrapper{width:100%;min-height:100%}.preview-inner{min-height:1600px}.browser-content-scroll::-webkit-scrollbar{width:6px}.browser-content-scroll::-webkit-scrollbar-track{background:transparent}.browser-content-scroll::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.browser-content-scroll::-webkit-scrollbar-thumb:hover{background:#475569}.preview-content{aspect-ratio:16 / 9;background:var(--slate-800);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.preview-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;opacity:.5}.preview-icon svg{width:3rem;height:3rem;stroke:var(--slate-500);stroke-width:2}.preview-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem}.preview-subtitle{font-size:1rem;color:var(--slate-400)}.pricing-section{background:var(--slate-950);position:relative}.badge-orange{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#f973161a;border:1px solid rgba(249,115,22,.2);border-radius:2rem;color:#f97316;font-size:.875rem;font-weight:600;margin-bottom:1rem}.gradient-orange-red{background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}@media (max-width: 1024px){.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}.pricing-card-wrapper{position:relative}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--blue-500);color:#fff;padding:.375rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;white-space:nowrap;z-index:10}.pricing-card{background:#0f172a80;border:2px solid var(--slate-800);border-radius:1.5rem;padding:2rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.pricing-card.featured{background:#3b82f61a;border-color:#3b82f64d}.pricing-card{will-change:transform}.pricing-tier{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.pricing-price-container{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.pricing-price{font-size:3rem;font-weight:800;color:#fff}.pricing-period{color:var(--slate-400);font-size:1rem}.pricing-description{color:var(--slate-400);margin-bottom:2rem;font-size:.95rem}.pricing-features{list-style:none;margin-bottom:2rem;flex:1}.pricing-features li{padding:.75rem 0;color:var(--slate-300);display:flex;align-items:center;gap:.75rem;font-size:.95rem}.feature-check{width:1.25rem;height:1.25rem;border-radius:50%;background:#33415580;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-check svg{width:.75rem;height:.75rem;stroke:var(--slate-300);stroke-width:3}.pricing-card.featured .feature-check{background:#3b82f633}.pricing-card.featured .feature-check svg{stroke:var(--blue-500)}.pricing-button{width:100%;padding:1.5rem;border-radius:.75rem;background:var(--slate-800);color:#fff;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.pricing-button:hover{background:var(--slate-700)}.pricing-card.featured .pricing-button{background:var(--blue-500)}.pricing-card.featured .pricing-button:hover{background:var(--blue-600)}.cta-section{background:linear-gradient(to right,#1e40af80,#030712,#581c8780);padding:8rem 1.5rem;text-align:center;position:relative;overflow:hidden}@media (min-width: 768px){.cta-section{padding:8rem 2rem}}.cta-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:#3b82f61a;border-radius:50%;filter:blur(80px);pointer-events:none}.cta-content{position:relative;z-index:10;max-width:56rem;margin:0 auto}.cta-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;margin-bottom:1.5rem;color:#fff;line-height:1.2}.gradient-blue-purple{background:linear-gradient(135deg,var(--blue-500),var(--purple-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cta-description{color:var(--slate-400);font-size:1.25rem;margin-bottom:2.5rem;max-width:42rem;margin-left:auto;margin-right:auto;line-height:1.7}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.5rem 3rem;background:var(--blue-500);color:#fff;border:none;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-button:hover{background:var(--blue-600);box-shadow:0 0 40px #3b82f699,0 20px 40px -10px #3b82f666}.cta-button:active{transform:scale(.95)}.cta-button svg{width:1.25rem;height:1.25rem}.footer{border-top:1px solid var(--slate-800);padding:4rem 1.5rem;background:transparent}@media (min-width: 768px){.footer{padding:4rem 2rem}}.footer-content{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:3rem}@media (max-width: 1024px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer-content{grid-template-columns:1fr;gap:2rem}}.footer-brand{display:flex;flex-direction:column}.footer-logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo-icon{width:2rem;height:2rem;background:var(--blue-500);border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:.375rem}.footer-logo-icon svg{width:100%;height:100%;stroke:#fff;stroke-width:2}.footer-logo-text{font-size:1.25rem;font-weight:700;color:#fff}.footer-description{color:var(--slate-400);max-width:20rem;line-height:1.6;font-size:.95rem}.footer-socials{display:flex;gap:.5rem;margin-top:1.5rem}.footer-social-link{padding:.5rem;color:var(--slate-400);transition:all .3s;display:flex;align-items:center;justify-content:center}.footer-social-link:hover{color:#fff;transform:scale(1.1)}.footer-social-link svg{width:1.25rem;height:1.25rem}.footer-section h3{color:#fff;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--slate-400);text-decoration:none;transition:color .3s;font-size:.95rem}.footer-links a:hover{color:#fff}.footer-bottom{max-width:1280px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid var(--slate-800);display:flex;justify-content:space-between;align-items:center;color:var(--slate-500);font-size:.875rem}@media (max-width: 640px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.mobile-menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.mobile-menu-button svg{width:1.5rem;height:1.5rem}@media (max-width: 768px){.mobile-menu-button{display:block}}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.mobile-menu-close{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.mobile-menu-close svg{width:1.5rem;height:1.5rem}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.mobile-menu-links{display:flex;flex-direction:column;align-items:center;gap:2rem;list-style:none}.mobile-menu-links a{color:#fff;text-decoration:none;font-size:2rem;font-weight:600;transition:color .3s}.mobile-menu-links a:hover{color:var(--blue-500)}.mobile-menu-actions{display:flex;flex-direction:column;gap:1rem;width:12rem;margin-top:1rem}.mobile-menu-actions a,.mobile-menu-actions button{width:100%;padding:1rem;border-radius:.5rem;font-weight:600;text-align:center;cursor:pointer;transition:all .3s;text-decoration:none;border:none;font-size:1rem}.mobile-menu-actions .btn-ghost{background:transparent;color:var(--slate-300);border:1px solid var(--slate-700)}.mobile-menu-actions .btn-nav-primary{background:var(--blue-500);color:#fff}@media (max-width: 768px){.navbar-content{padding:1rem}.section{padding:4rem 1rem}.hero{padding:3rem 1rem;min-height:auto}.hero-content{padding:2rem 1rem}.hero-logo img{height:80px!important}.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:1rem}.cta-buttons{flex-direction:column;width:100%;gap:.75rem}.cta-buttons button{width:100%;justify-content:center}.beta-badge{font-size:.75rem;padding:.375rem .75rem}.social-proof{font-size:.875rem}.features-grid,.steps-container,.pricing-grid{grid-template-columns:1fr}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-8px) scale(1.02)}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}}.hero-mockup{position:relative;margin-top:4rem;max-width:860px;margin-left:auto;margin-right:auto}.hero-mockup-browser{background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;box-shadow:0 40px 100px -20px #000000b3,0 0 0 1px #ffffff0a}.hero-mockup-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#161b22;border-bottom:1px solid rgba(255,255,255,.06)}.hero-mockup-dots{display:flex;gap:6px}.hero-mockup-dot{width:10px;height:10px;border-radius:50%}.hero-mockup-url{flex:1;height:24px;background:#ffffff0a;border-radius:6px;display:flex;align-items:center;padding:0 10px;font-size:.72rem;color:#ffffff4d;letter-spacing:.01em}.hero-mockup-content{position:relative;height:420px;overflow:hidden;background:#0d0d0d}.mockup-site-hero{padding:28px 32px;flex:1}.mockup-badge{display:inline-block;padding:4px 12px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.2);border-radius:20px;font-size:.7rem;color:#60a5fa;margin-bottom:14px;font-weight:600}.mockup-h1{width:65%;height:22px;background:linear-gradient(90deg,#ffffffd9,#fff9);border-radius:4px;margin-bottom:8px}.mockup-h1-2{width:50%;height:22px;background:linear-gradient(90deg,#8b5cf6b3,#3b82f680);border-radius:4px;margin-bottom:16px}.mockup-p{width:80%;height:10px;background:#ffffff1f;border-radius:3px;margin-bottom:6px}.mockup-p-short{width:60%;height:10px;background:#ffffff14;border-radius:3px;margin-bottom:20px}.mockup-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#3b82f6;border-radius:8px;font-size:.75rem;color:#fff;font-weight:600}.mockup-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 32px 24px}.mockup-card{height:80px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px}.mockup-card-icon{width:24px;height:24px;border-radius:6px;margin-bottom:8px}.mockup-card-line{width:70%;height:8px;background:#ffffff26;border-radius:3px;margin-bottom:5px}.mockup-card-line-short{width:45%;height:6px;background:#ffffff12;border-radius:3px}.hero-mockup-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff0a}.hero-mockup-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;animation:progressShimmer 2s linear infinite;border-radius:2px}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mockup-badge-float{position:absolute;bottom:-16px;right:-16px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:#fff;font-weight:600;box-shadow:0 8px 32px #00000080;white-space:nowrap}.mockup-badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:pulse 2s ease-in-out infinite}.testimonials-section{background:linear-gradient(to bottom,var(--slate-900),var(--slate-950));position:relative;overflow:hidden}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.testimonials-grid{grid-template-columns:1fr}}.testimonial-card{background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;padding:1.75rem;position:relative;transition:all .3s ease}.testimonial-card:hover{border-color:#3b82f640;background:#0f172acc}.testimonial-stars{color:#eab308;font-size:.85rem;margin-bottom:.75rem;letter-spacing:2px}.testimonial-quote{color:var(--slate-300);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:.75rem}.testimonial-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;flex-shrink:0}.testimonial-name{font-weight:600;color:#fff;font-size:.9rem}.testimonial-role{color:var(--slate-500);font-size:.8rem}.trust-bar{padding:2.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff03}.trust-bar-inner{max-width:900px;margin:0 auto;text-align:center}.trust-bar-label{color:var(--slate-600);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem;font-weight:600}.trust-bar-logos{display:flex;gap:2.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.trust-bar-logo{color:var(--slate-600);font-size:1rem;font-weight:700;letter-spacing:-.02em;transition:color .3s;cursor:default}.trust-bar-logo:hover{color:var(--slate-400)}.feature-card-blue{border-top:2px solid rgba(59,130,246,.4)}.feature-card-yellow{border-top:2px solid rgba(234,179,8,.4)}.feature-card-purple{border-top:2px solid rgba(168,85,247,.4)}.feature-card-pink{border-top:2px solid rgba(236,72,153,.4)}.feature-card-green{border-top:2px solid rgba(34,197,94,.4)}.feature-card-orange{border-top:2px solid rgba(249,115,22,.4)}.browser-content-scroll *,.preview-content-wrapper *,.preview-inner *{box-sizing:border-box;line-height:1.5}.browser-content-scroll button,.preview-content-wrapper button,.preview-inner button{cursor:pointer;border:none;font-family:inherit;background:none}.browser-content-scroll svg,.preview-content-wrapper svg,.preview-inner svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.browser-content-scroll table,.preview-content-wrapper table,.preview-inner table{border-collapse:collapse;width:100%}.browser-content-scroll ul,.preview-content-wrapper ul,.preview-inner ul{list-style:none;padding:0;margin:0}.min-h-\[800px\]{min-height:800px}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-slate-950{--tw-gradient-from: #020617;--tw-gradient-to: rgb(2 6 23 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-900{--tw-gradient-to: rgb(15 23 42 / 0);--tw-gradient-stops: var(--tw-gradient-from), #0f172a, var(--tw-gradient-to)}.to-slate-950{--tw-gradient-to: #020617}.from-slate-50{--tw-gradient-from: #f8fafc;--tw-gradient-to: rgb(248 250 252 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to: #eff6ff}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-violet-500{--tw-gradient-from: #8b5cf6;--tw-gradient-to: rgb(139 92 246 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea}.from-indigo-500{--tw-gradient-from: #6366f1;--tw-gradient-to: rgb(99 102 241 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from: #581c87;--tw-gradient-to: rgb(88 28 135 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-violet-800{--tw-gradient-to: #5b21b6}.from-orange-900{--tw-gradient-from: #7c2d12;--tw-gradient-to: rgb(124 45 18 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-amber-800{--tw-gradient-to: #92400e}.from-slate-800{--tw-gradient-from: #1e293b;--tw-gradient-to: rgb(30 41 59 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-slate-700{--tw-gradient-to: #334155}.from-cyan-900{--tw-gradient-from: #164e63;--tw-gradient-to: rgb(22 78 99 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-teal-800{--tw-gradient-to: #115e59}.text-white{color:#fff}.text-slate-900{color:#0f172a}.text-slate-600{color:#475569}.text-slate-400{color:#94a3b8}.text-slate-300{color:#cbd5e1}.text-neutral-950{color:#0a0a0a}.text-neutral-500{color:#737373}.text-neutral-400{color:#a3a3a3}.text-violet-400{color:#a78bfa}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.bg-white{background-color:#fff}.bg-neutral-950{background-color:#0a0a0a}.bg-slate-50{background-color:#f8fafc}.bg-slate-700{background-color:#334155}.bg-slate-800{background-color:#1e293b}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900{background-color:#0f172a}.bg-slate-900\/50{background-color:#0f172a80}.bg-violet-600{background-color:#7c3aed}.bg-violet-600\/10{background-color:#7c3aed1a}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-blue-600{background-color:#2563eb}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-600\/30{background-color:#4f46e54d}.bg-purple-500{background-color:#a855f7}.bg-pink-500{background-color:#ec4899}.bg-pink-200{background-color:#fbcfe8}.bg-blue-200{background-color:#bfdbfe}.bg-green-200{background-color:#bbf7d0}.bg-green-500\/20{background-color:#22c55e33}.bg-amber-200{background-color:#fde68a}.bg-amber-500{background-color:#f59e0b}.bg-amber-500\/20{background-color:#f59e0b33}.bg-white\/10{background-color:#ffffff1a}.border-slate-800{border-color:#1e293b}.border-slate-800\/50{border-color:#1e293b80}.border-slate-700\/50{border-color:#33415580}.border-slate-100{border-color:#f1f5f9}.border-neutral-700{border-color:#404040}.border-neutral-800{border-color:#262626}.border-violet-500\/20{border-color:#8b5cf633}.border-violet-500\/50{border-color:#8b5cf680}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border{border-width:1px}.border-r{border-right-width:1px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded{border-radius:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-1>*+*{margin-top:.25rem}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-2{grid-column:span 2 / span 2}.w-8{width:2rem}.w-24{width:6rem}.w-56{width:14rem}.w-full{width:100%}.h-8{height:2rem}.h-24{height:6rem}.h-32{height:8rem}.h-48{height:12rem}.h-2{height:.5rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-light{font-weight:300}.text-center{text-align:center}.text-left{text-align:left}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.aspect-\[4\/3\]{aspect-ratio:4 / 3}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hover\:bg-violet-700:hover{background-color:#6d28d9}.hover\:bg-slate-700:hover{background-color:#334155}.hover\:bg-neutral-900:hover{background-color:#171717}.hover\:bg-slate-800:hover{background-color:#1e293b}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:transparent}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-white{--tw-gradient-from: #ffffff;--tw-gradient-to: rgb(255 255 255 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-violet-200{--tw-gradient-to: rgb(221 214 254 / 0);--tw-gradient-stops: var(--tw-gradient-from), #ddd6fe, var(--tw-gradient-to)}.to-violet-400{--tw-gradient-to: #a78bfa}.blue-200{color:#bfdbfe}@media (max-width: 768px){.navbar-content{padding:.875rem 1.25rem}.navbar-links{display:none!important}.navbar-actions .btn-outline{display:none}.navbar-actions .btn-primary{padding:.5rem 1rem!important;font-size:.8rem!important}.navbar-logo span{font-size:1rem!important}}@media (max-width: 640px){.hero{padding:7rem 1.25rem 4rem;min-height:auto}.hero-logo img{height:80px!important;max-width:280px}.hero-title{font-size:clamp(1.9rem,9vw,2.8rem)!important;margin-bottom:1rem}.hero-subtitle{font-size:1rem!important;margin-bottom:2rem;padding:0 .5rem}.cta-buttons{flex-direction:column;width:100%;gap:.75rem}.cta-buttons button,.cta-buttons a{width:100%;justify-content:center;text-align:center}.hero-trust-bar{font-size:.75rem;gap:.5rem}.hero-mockup{margin-top:3rem;transform:none!important;border-radius:12px}.hero-mockup-content{height:260px!important}}@media (max-width: 640px){.section{padding:3.5rem 1.25rem!important}.stats-bar{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:2rem 1.25rem!important}.features-grid{grid-template-columns:1fr!important;gap:1rem!important}.steps-grid{grid-template-columns:1fr!important}.pricing-grid{grid-template-columns:1fr!important;gap:1rem!important}.testimonials-grid{grid-template-columns:1fr!important}.trust-bar-logos{gap:1.5rem!important;flex-wrap:wrap;justify-content:center}.section-label,.section-badge{font-size:.7rem!important}h2{font-size:clamp(1.6rem,7vw,2.2rem)!important}}@media (max-width: 768px){.preview-panel{width:100%!important;flex:1!important}.toolbar-project-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-actions-desktop{display:none!important}}@keyframes sy-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sy-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sy-breathe{0%,to{box-shadow:0 4px 14px var(--brand-glow)}50%{box-shadow:0 6px 28px 6px var(--brand-glow)}}.sy-enter{animation:sy-fade-up .5s var(--ease-out-expo) both}.sy-enter-fade{animation:sy-fade-in .5s var(--ease-out-expo) both}.sy-stagger>*{animation:sy-fade-up .5s var(--ease-out-expo) both}.sy-stagger>*:nth-child(1){animation-delay:0ms}.sy-stagger>*:nth-child(2){animation-delay:75ms}.sy-stagger>*:nth-child(3){animation-delay:.15s}.sy-stagger>*:nth-child(4){animation-delay:225ms}.sy-stagger>*:nth-child(5){animation-delay:.3s}.sy-stagger>*:nth-child(6){animation-delay:375ms}.sy-stagger>*:nth-child(7){animation-delay:.45s}.sy-stagger>*:nth-child(n+8){animation-delay:525ms}.sy-link{position:relative;color:var(--brand);text-decoration:none;transition:color .18s ease-out}.sy-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:currentColor;border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:transform .25s var(--ease-out-expo)}.sy-link:hover,.sy-link:focus-visible{color:var(--brand-dark)}.sy-link:hover:after,.sy-link:focus-visible:after{transform:scaleX(1)}.sy-btn-primary,.sy-btn-ghost,.sy-btn-text{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .18s ease-out,color .18s ease-out,border-color .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out}.sy-btn-primary{background:var(--brand);color:#fff;border:none;padding:13px 26px}.sy-btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-glow)}.sy-btn-primary:active{background:var(--brand-deep);transform:translateY(0);box-shadow:0 2px 8px var(--brand-glow)}.sy-btn-primary.sy-breathe{animation:sy-breathe 4s ease-in-out infinite}.sy-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--border);padding:12px 25px}.sy-btn-ghost:hover{background:var(--surface-alt);border-color:var(--ink-soft);transform:translateY(-2px)}.sy-btn-ghost:active{transform:translateY(0)}.sy-btn-text{background:none;border:none;color:var(--brand);padding:8px 10px}.sy-btn-text:hover{color:var(--brand-dark);background:var(--brand-tint)}.sy-btn-primary:disabled,.sy-btn-ghost:disabled,.sy-btn-text:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;animation:none}.sy-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);transition:transform .18s ease-out,box-shadow .18s ease-out}.sy-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.sy-input{font-family:inherit;font-size:15px;color:var(--ink);background:#f5f5f7;border:1px solid transparent;border-radius:var(--radius-input);padding:11px 14px;width:100%;outline:none;transition:border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.sy-input::placeholder{color:var(--ink-soft)}.sy-input:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.sy-btn-primary:focus-visible,.sy-btn-ghost:focus-visible,.sy-btn-text:focus-visible,.sy-link:focus-visible,.sy-focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-glow)}@media (prefers-reduced-motion: reduce){.sy-enter,.sy-enter-fade,.sy-stagger>*,.sy-btn-primary.sy-breathe{animation:none}.sy-btn-primary,.sy-btn-ghost,.sy-btn-text,.sy-card,.sy-link,.sy-link:after,.sy-input{transition:none}.sy-btn-primary:hover,.sy-btn-ghost:hover,.sy-card:hover{transform:none}}.sy-landing-navlink{position:relative;display:inline-block;color:#86868b;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;padding-bottom:2px;transition:color .18s ease-out}.sy-landing-navlink:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--brand);border-radius:1px;transform:scaleX(0);transform-origin:left center;transition:transform .25s var(--ease-out-expo)}.sy-landing-navlink:hover,.sy-landing-navlink:focus-visible{color:var(--ink)}.sy-landing-navlink:hover:after,.sy-landing-navlink:focus-visible:after{transform:scaleX(1)}.sy-landing-frame{position:relative;z-index:1;border-radius:20px;overflow:hidden;background:#0a0a0f;border:1px solid rgba(29,29,31,.1);box-shadow:0 32px 64px -16px #1d1d1f47,0 12px 28px #d94f8a1a}.sy-landing-demo-glow{position:absolute;top:4%;bottom:-10%;left:-12%;right:-12%;background:radial-gradient(closest-side,rgba(217,79,138,.2) 0%,rgba(217,79,138,.06) 46%,transparent 72%);filter:blur(24px);pointer-events:none;z-index:0}.sy-landing-card{background:#fff;border:1px solid #E8E8EA;border-radius:18px;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out}.sy-landing-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014;border-color:#f3c8dc}@media (prefers-reduced-motion: no-preference){.sy-landing-breathe{animation:sy-breathe 4s ease-in-out infinite}}@media (prefers-reduced-motion: reduce){.sy-landing-navlink,.sy-landing-navlink:after,.sy-landing-card{transition:none}.sy-landing-card:hover{transform:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(115deg,#fff,#fbe7f0 40%,#fff 75%,#fbe7f0);background-size:220% 220%}@keyframes authBgDrift{0%{background-position:0% 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion: no-preference){.auth-page{animation:authBgDrift 16s ease-in-out infinite alternate}}.auth-card{width:100%;max-width:28rem;background:#fff;border:1px solid #E8E8EA;border-radius:20px;padding:2.5rem;box-shadow:0 12px 32px #0000000f}.auth-logo{display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.auth-logo-img{height:3rem;width:auto;object-fit:contain}.auth-title{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;color:#1d1d1f;text-align:center;margin-bottom:.5rem}.auth-subtitle{font-size:1rem;color:#86868b;line-height:1.6;text-align:center;margin-bottom:2rem}.auth-form{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#4b4b50;margin-bottom:.5rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;width:1.25rem;height:1.25rem;stroke:#86868b;stroke-width:2;pointer-events:none}.form-input{width:100%;padding:.8125rem 1rem;background:#f5f5f7;border:1px solid transparent;border-radius:12px;color:#1d1d1f;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-input:focus{outline:none;border-color:#d94f8a;box-shadow:0 0 0 3px #d94f8a40}.form-input::placeholder{color:#86868b}.password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;padding:.25rem;color:#86868b;transition:color .2s ease}.password-toggle:hover{color:#4b4b50}.password-toggle .input-icon{position:static;stroke:currentColor}.form-footer{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.forgot-link{font-size:.875rem;color:#d94f8a;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#c23d77}.btn-submit{width:100%;padding:.875rem;background:#d94f8a;color:#fff;border:none;border-radius:999px;font-size:1rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;box-shadow:0 8px 20px #d94f8a40;transition:all .18s ease-out}.btn-submit:hover{background:#c23d77;transform:translateY(-2px);box-shadow:0 12px 28px #d94f8a4d}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:#86868b;font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e8e8ea}.social-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem}.btn-social{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #E8E8EA;border-radius:999px;color:#1d1d1f;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .18s ease-out}.btn-social:hover{border-color:#dadadd;background:#f7f7f8;transform:translateY(-2px)}.social-icon{width:1.25rem;height:1.25rem}.auth-bottom{text-align:center;color:#86868b;font-size:.875rem}.auth-link{position:relative;color:#d94f8a;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.22,1,.36,1)}.auth-link:hover{color:#c23d77}.auth-link:hover:after{transform:scaleX(1)}.back-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.5rem;color:#86868b;text-decoration:none;font-size:.875rem;transition:color .2s ease}.back-link:hover{color:#1d1d1f}.back-icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:2}.success-state{text-align:center;padding:2rem 0}.success-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;stroke:#d94f8a;stroke-width:2}@media (max-width: 768px){.auth-page{padding:1rem}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}.auth-logo-img{height:2.5rem}}@media (max-width: 480px){.auth-page{padding:.75rem}.auth-card{padding:1.25rem}.auth-title{font-size:1.25rem}.form-btn{padding:.75rem 1rem;font-size:.875rem}}.dashboard-layout{min-height:100vh;background:var(--surface);color:var(--ink)}.dashboard-navbar{position:sticky;top:0;z-index:50;background:#ffffffd1;-webkit-backdrop-filter:blur(16px) saturate(1.8);backdrop-filter:blur(16px) saturate(1.8);border-bottom:1px solid var(--border)}.dashboard-navbar-content{max-width:80rem;margin:0 auto;padding:.875rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.dashboard-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;cursor:pointer;transition:opacity .18s ease-out}.dashboard-logo:hover{opacity:.8}.navbar-logo-wordmark{height:1.85rem;width:auto;object-fit:contain}.dashboard-user-menu{position:relative;display:flex;align-items:center;gap:.75rem}.user-avatar{position:relative;z-index:1;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--brand-tint);color:var(--brand);border:none;font-weight:700;font-size:.8125rem;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.user-avatar:hover{background:#f7d6e5;transform:translateY(-1px);box-shadow:0 4px 12px var(--brand-glow)}.user-avatar-wrap{position:relative;display:inline-flex}.user-avatar-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,#f5b942,#ffe29a,#f5b942,#d98f2b,#f5b942);animation:admin-ring-spin 3s linear infinite;z-index:0}.user-avatar.is-admin{background:linear-gradient(135deg,#fff7e0,#fdecc8);color:#92400e}.user-avatar.is-admin:hover{background:linear-gradient(135deg,#fff0c7,#fce1a8);box-shadow:0 4px 14px #d99e2159}.user-avatar-crown{position:absolute;top:-7px;right:-5px;z-index:2;font-size:.75rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(146,64,14,.4));animation:admin-crown-sway 2.4s ease-in-out infinite;pointer-events:none}@keyframes admin-ring-spin{to{transform:rotate(360deg)}}@keyframes admin-crown-sway{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-2px) rotate(8deg)}}.admin-badge-pill{display:flex;align-items:center;gap:.375rem;margin:.125rem .375rem .5rem;padding:.5rem .75rem;border-radius:.625rem;background:linear-gradient(135deg,#fff7e0,#fdecc8);border:1px solid #F0D28A;color:#92400e;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;position:relative;overflow:hidden}.admin-badge-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.7) 45%,transparent 60%);background-size:220% 100%;animation:admin-badge-shimmer 2.6s ease-in-out infinite}@keyframes admin-badge-shimmer{0%{background-position:180% 0}to{background-position:-60% 0}}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:13rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 12px 32px #00000014,0 2px 8px #0000000a;overflow:hidden;padding:.375rem}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:none;border:none;border-radius:.625rem;color:var(--ink-body);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.dropdown-item:hover{background:var(--surface-alt);color:var(--ink)}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background:#ef444414}.dropdown-icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2}.dashboard-main{max-width:80rem;margin:0 auto;padding:3rem 1.5rem}@media (min-width: 768px){.dashboard-main{padding:4rem 2rem}}.dashboard-content{width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}@media (max-width: 768px){.dashboard-header{flex-direction:column}}.dashboard-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin-bottom:.5rem}.dashboard-subtitle{font-size:1rem;line-height:1.6;color:var(--ink-soft)}.btn-new-project{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--brand);color:#fff;border:none;border-radius:999px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out}.btn-new-project:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-glow)}.btn-icon{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;position:relative;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;cursor:pointer}.project-card:hover{transform:translateY(-2px);border-color:#dddde0;box-shadow:var(--shadow-hover)}.project-menu-btn{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:.625rem;color:var(--ink-body);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .18s ease-out,border-color .18s ease-out}.project-menu-btn:hover{background:var(--surface);border-color:var(--ink-soft)}.menu-icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:2}.project-dropdown{position:absolute;top:3.5rem;right:1rem;min-width:10rem;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 12px 32px #00000014,0 2px 8px #0000000a;overflow:hidden;z-index:20;padding:.25rem}.project-thumbnail{aspect-ratio:16 / 9;background:var(--surface-alt)}.project-info{padding:1.25rem 1.5rem 1.5rem}.project-name{font-size:1.0625rem;font-weight:650;letter-spacing:-.01em;color:var(--ink);margin-bottom:.375rem}.project-date{font-size:.8125rem;color:var(--ink-soft);margin-bottom:.75rem}.project-status{display:inline-block;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600}.project-status.draft{background:#eab3081f;color:#a16207}.project-status.published{background:#10b9811a;color:#047857}.live-pulse-dot{position:relative;width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block;flex-shrink:0}@media (prefers-reduced-motion: no-preference){.live-pulse-dot:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:#10b98166;animation:livePulse 2.4s ease-in-out infinite}@keyframes livePulse{0%{transform:scale(.6);opacity:.8}70%{transform:scale(1.6);opacity:0}to{transform:scale(.6);opacity:0}}@keyframes cardRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ctaBreathe{0%,to{box-shadow:0 4px 14px var(--brand-glow)}50%{box-shadow:0 6px 26px 5px var(--brand-glow)}}.cta-breathing{animation:ctaBreathe 4s ease-in-out infinite}}.empty-state{text-align:center;padding:4rem 2rem}.empty-illustration{margin-bottom:2rem}.empty-svg{width:10rem;height:10rem;margin:0 auto;color:var(--ink-soft)}.empty-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--ink);margin-bottom:.5rem}.empty-description{font-size:1rem;line-height:1.6;color:var(--ink-body);margin-bottom:2rem}@media (max-width: 768px){.dashboard-navbar-content{padding:.75rem 1rem}.dashboard-logo img{height:1.65rem}.dashboard-main{padding:2rem 1rem}.empty-svg{width:8rem;height:8rem}.empty-title{font-size:1.25rem}.empty-description{font-size:.875rem}}.wizard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:1000;display:flex;flex-direction:column;overflow:hidden}.wizard-topbar{border-bottom:1px solid #E8E8EA;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 2rem}.wizard-topbar-content{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.wizard-step-indicator{display:flex;flex-direction:column;gap:.75rem;flex:1;max-width:20rem}.wizard-step-text{font-size:.875rem;font-weight:600;letter-spacing:-.01em;color:var(--ink, #1D1D1F)}.wizard-progress-bar{height:.25rem;background:#e8e8ea;border-radius:9999px;overflow:hidden}.wizard-progress-fill{height:100%;background:var(--brand, #D94F8A);border-radius:9999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.wizard-save-btn{padding:.625rem 1.25rem;background:transparent;border:1px solid #E8E8EA;border-radius:999px;color:var(--ink-body, #4B4B50);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease-out}.wizard-save-btn:hover{border-color:var(--ink-soft, #86868B);color:var(--ink, #1D1D1F);background:#f7f7f8}.wizard-content{flex:1;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem}.wizard-step{width:100%;max-width:42rem}.wizard-step-content{animation:wizardEnter .5s cubic-bezier(.22,1,.36,1)}@keyframes wizardEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wizard-headline{font-size:clamp(1.8rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em;color:var(--ink, #1D1D1F);margin-bottom:.5rem;text-align:center}.wizard-subheadline,.wizard-subtitle{font-size:1rem;color:var(--ink-body, #4B4B50);line-height:1.6;text-align:center;margin-bottom:3rem}@media (prefers-reduced-motion: no-preference){.wizard-cta-breathe{animation:wizardBreathe 4s ease-in-out infinite}@keyframes wizardBreathe{0%,to{box-shadow:0 4px 14px var(--brand-glow, rgba(217, 79, 138, .25))}50%{box-shadow:0 6px 28px 6px var(--brand-glow, rgba(217, 79, 138, .25))}}}.wizard-form{display:flex;flex-direction:column;gap:2rem}.wizard-form-group{display:flex;flex-direction:column;gap:.75rem}.wizard-label{font-size:.875rem;font-weight:600;color:var(--ink, #1D1D1F)}.wizard-input,.wizard-select,.wizard-textarea{width:100%;padding:.875rem 1rem;background:#f5f5f7;border:1.5px solid transparent;border-radius:12px;color:var(--ink, #1D1D1F);font-size:1rem;transition:all .18s ease-out}.wizard-input:focus,.wizard-select:focus,.wizard-textarea:focus{outline:none;background:#fff;border-color:var(--brand, #D94F8A);box-shadow:0 0 0 3px var(--brand-glow, rgba(217, 79, 138, .25))}.wizard-input::placeholder,.wizard-textarea::placeholder{color:var(--ink-soft, #86868B)}.wizard-textarea{resize:vertical;min-height:6rem}.wizard-select{cursor:pointer}.wizard-input-error{border-color:#dc2626}.wizard-error{font-size:.875rem;color:#dc2626;margin-top:-.5rem}.wizard-char-count{font-size:.75rem;color:var(--ink-soft, #86868B);text-align:right}.wizard-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.wizard-checkbox-card{display:flex;align-items:center;padding:1rem;background:#fff;border:1px solid #E8E8EA;border-radius:16px;cursor:pointer;transition:all .18s ease-out}.wizard-checkbox-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.wizard-checkbox-card-selected{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0)}.wizard-checkbox-content{display:flex;align-items:center;gap:.75rem;width:100%}.wizard-checkbox-icon{width:1.5rem;height:1.5rem;border:2px solid #E8E8EA;border-radius:.375rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s ease-out}.wizard-checkbox-card-selected .wizard-checkbox-icon{background:var(--brand, #D94F8A);border-color:var(--brand, #D94F8A)}.wizard-checkbox-label{font-size:.9375rem;color:var(--ink-body, #4B4B50);font-weight:500}.wizard-checkbox-disabled{opacity:.7;cursor:not-allowed}.wizard-required-badge{font-size:.75rem;color:var(--ink-soft, #86868B);font-weight:400;margin-left:.5rem}.wizard-project-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:1.25rem}.wizard-project-type-card{position:relative;padding:1.5rem;background:#fff;border:1px solid #E8E8EA;border-radius:16px;cursor:pointer;transition:all .18s ease-out;text-align:left;min-height:16rem;display:flex;flex-direction:column;gap:.5rem}.wizard-project-type-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.wizard-project-type-card-selected{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0);box-shadow:0 0 0 1px var(--brand, #D94F8A)}.wizard-project-type-check{position:absolute;top:.75rem;right:.75rem;width:1.25rem;height:1.25rem;background:var(--brand, #D94F8A);border-radius:50%;display:flex;align-items:center;justify-content:center}.wizard-project-type-image-container{width:100%;height:8rem;border-radius:12px;overflow:hidden;margin-bottom:.75rem;background:#f5f5f7}.wizard-project-type-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.wizard-project-type-card:hover .wizard-project-type-image{transform:scale(1.05)}.wizard-project-type-label{font-size:1.0625rem;font-weight:650;letter-spacing:-.02em;color:var(--ink, #1D1D1F);margin-bottom:.25rem}.wizard-project-type-desc{font-size:.8125rem;color:var(--ink-body, #4B4B50);line-height:1.4;margin-bottom:.5rem}.wizard-project-type-preview{font-size:.75rem;color:var(--ink-soft, #86868B);line-height:1.5;padding-top:.5rem;border-top:1px solid #E8E8EA;margin-top:auto}.wizard-project-type-card:hover .wizard-project-type-preview{color:var(--ink-body, #4B4B50)}.wizard-project-type-card-selected .wizard-project-type-preview{color:var(--brand-dark, #C23D77)}.wizard-style-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.wizard-style-card{position:relative;padding:1.5rem;background:#fff;border:1px solid #E8E8EA;border-radius:16px;cursor:pointer;transition:all .18s ease-out;text-align:left}.wizard-style-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.wizard-style-card-selected{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0)}.wizard-style-check{position:absolute;top:.75rem;right:.75rem;width:1.5rem;height:1.5rem;background:var(--brand, #D94F8A);border-radius:50%;display:flex;align-items:center;justify-content:center}.wizard-style-name{font-size:1.125rem;font-weight:650;letter-spacing:-.02em;color:var(--ink, #1D1D1F);margin-bottom:.5rem}.wizard-style-desc{font-size:.875rem;color:var(--ink-body, #4B4B50);line-height:1.5}.wizard-color-grid{display:flex;gap:.75rem;flex-wrap:wrap}.wizard-color-swatch{width:3rem;height:3rem;border-radius:12px;border:2px solid transparent;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .18s ease-out}.wizard-color-swatch:hover{transform:scale(1.1)}.wizard-color-selected{border-color:var(--brand, #D94F8A);box-shadow:0 0 0 3px var(--brand-glow, rgba(217, 79, 138, .25))}.wizard-color-check{width:1.25rem;height:1.25rem;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center}.wizard-toggle-group{display:flex;gap:.75rem}.wizard-toggle-btn{flex:1;padding:.875rem 1.5rem;background:#fff;border:1px solid #E8E8EA;border-radius:999px;color:var(--ink-body, #4B4B50);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .18s ease-out}.wizard-toggle-btn:hover{border-color:var(--ink-soft, #86868B);transform:translateY(-1px)}.wizard-toggle-active{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0);color:var(--brand-dark, #C23D77)}.wizard-font-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}.wizard-font-card{padding:1.25rem;background:#fff;border:1px solid #E8E8EA;border-radius:16px;cursor:pointer;transition:all .18s ease-out;text-align:left}.wizard-font-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.wizard-font-card-selected{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0)}.wizard-font-name{font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--ink, #1D1D1F);margin-bottom:.25rem}.wizard-font-desc{font-size:.875rem;color:var(--ink-body, #4B4B50)}.wizard-review{max-width:50rem}.wizard-review-sections{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.wizard-review-section{background:#fff;border:1px solid #E8E8EA;border-radius:16px;padding:1.5rem;transition:box-shadow .18s ease-out}.wizard-review-section:hover{box-shadow:0 12px 32px #00000014}.wizard-review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wizard-review-title{font-size:1.125rem;font-weight:650;letter-spacing:-.02em;color:var(--ink, #1D1D1F)}.wizard-review-edit{padding:.375rem .875rem;background:transparent;border:1px solid #E8E8EA;border-radius:999px;color:var(--brand, #D94F8A);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease-out}.wizard-review-edit:hover{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0)}.wizard-review-content{display:flex;flex-direction:column;gap:.5rem}.wizard-review-content p{font-size:.9375rem;color:var(--ink-body, #4B4B50);line-height:1.6}.wizard-review-content strong{color:var(--ink, #1D1D1F);font-weight:600}.wizard-review-color{display:inline-block;width:1rem;height:1rem;border-radius:.25rem;vertical-align:middle;margin:0 .25rem}.wizard-generate-cta{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.wizard-generate-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;background:var(--brand, #D94F8A);border:none;border-radius:999px;color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;cursor:pointer;box-shadow:0 4px 14px var(--brand-glow, rgba(217, 79, 138, .25));transition:all .18s ease-out}.wizard-generate-btn:hover{background:var(--brand-dark, #C23D77);transform:translateY(-2px);box-shadow:0 10px 40px var(--brand-glow, rgba(217, 79, 138, .25))}.wizard-generate-icon{width:1.5rem;height:1.5rem;stroke:currentColor;stroke-width:2}.wizard-generate-note{font-size:.875rem;color:var(--ink-soft, #86868B)}.wizard-bottombar{border-top:1px solid #E8E8EA;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem 2rem}.wizard-bottombar-content{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.wizard-back-btn,.wizard-continue-btn{padding:.875rem 2rem;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .18s ease-out}.wizard-back-btn{background:transparent;border:none;color:var(--ink-soft, #86868B)}.wizard-back-btn:hover:not(:disabled){color:var(--ink, #1D1D1F)}.wizard-back-btn:disabled{opacity:.4;cursor:not-allowed}.wizard-continue-btn{background:var(--brand, #D94F8A);border:none;color:#fff;font-weight:700;box-shadow:0 4px 14px var(--brand-glow, rgba(217, 79, 138, .25))}.wizard-continue-btn:hover{background:var(--brand-dark, #C23D77);transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-glow, rgba(217, 79, 138, .25))}.wizard-check-icon{width:1rem;height:1rem;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.wizard-language-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fff;border:1px solid #E8E8EA;border-radius:16px;cursor:pointer;transition:all .18s ease-out;gap:.5rem}.wizard-language-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000014}.wizard-language-active{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0);box-shadow:0 0 0 1px var(--brand, #D94F8A)}.wizard-language-checkbox{display:flex;align-items:center;padding:.875rem 1rem;background:#fff;border:1px solid #E8E8EA;border-radius:12px;cursor:pointer;transition:all .18s ease-out}.wizard-language-checkbox:hover:not(:disabled){border-color:var(--ink-soft, #86868B)}.wizard-language-checkbox-active{border-color:var(--brand, #D94F8A);background:var(--brand-tint, #FBE7F0)}.wizard-language-primary{opacity:1;cursor:not-allowed}.wizard-language-checkbox:disabled{opacity:.7;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.wizard-step-content,.wizard-checkbox-card,.wizard-project-type-card,.wizard-style-card,.wizard-font-card,.wizard-language-btn,.wizard-generate-btn,.wizard-continue-btn{animation:none;transition:none}}@media (max-width: 768px){.wizard-topbar,.wizard-bottombar{padding:1rem}.wizard-content{padding:2rem 1rem}.wizard-headline{font-size:1.75rem}.wizard-checkbox-grid,.wizard-style-grid,.wizard-font-grid{grid-template-columns:1fr}.wizard-toggle-group{flex-direction:column}.wizard-generate-btn{width:100%;justify-content:center}}.gen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:1000}.gen-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:28rem;padding:2rem}.gen-title{font-size:1.5rem;font-weight:700;color:#111827;text-align:center}.gen-status{font-size:1rem;color:#6b7280;text-align:center;min-height:1.5rem}.gen-progress{width:16rem;height:.375rem;background:#fce7f3;border-radius:9999px;overflow:hidden}.gen-progress-fill{width:100%;height:100%;background:linear-gradient(90deg,#ec4899,#db2777,#ec4899);background-size:200% 100%;border-radius:9999px}.gen-timer{font-size:.875rem;color:#9ca3af;font-variant-numeric:tabular-nums}.gen-helper{font-size:.75rem;color:#9ca3af}.gen-error{margin-top:1rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;text-align:center}.gen-error p{font-size:.875rem;color:#dc2626}.gen-error-note{margin-top:.5rem;font-size:.75rem;color:#9ca3af}.editor-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f10;display:flex;flex-direction:column;overflow:hidden}.editor-toolbar{height:3.5rem;border-bottom:1px solid rgba(255,255,255,.07);background:#161618;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;gap:2rem;flex-shrink:0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:.75rem}.toolbar-left{flex:1}.toolbar-right{flex:1;justify-content:flex-end}.toolbar-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#a1a1a6;cursor:pointer;transition:all .18s ease-out}.toolbar-btn:hover{border-color:#d94f8a8c;color:var(--brand, #D94F8A);background:#d94f8a1a}.toolbar-btn .icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-name{background:transparent;border:none;color:#f5f5f7;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;padding:.5rem .75rem;cursor:pointer;border-radius:999px;transition:background .18s ease-out}.project-name:hover{background:#ffffff0f}.project-name-edit{background:#ffffff0d;border:1.5px solid var(--brand, #D94F8A);border-radius:999px;color:#f5f5f7;font-size:.9375rem;font-weight:600;padding:.5rem .75rem;outline:none;box-shadow:0 0 0 3px #d94f8a40}.save-status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#7c7c82}.icon-sm{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.device-toggle{display:flex;gap:.25rem;background:#ffffff0f;border:none;border-radius:999px;padding:.25rem}.device-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;color:#7c7c82;cursor:pointer;transition:all .18s ease-out}.device-btn:hover{background:#ffffff0f;color:#d6d6d9}.device-btn.active{background:#333338;color:#e980ae;box-shadow:0 1px 3px #0000004d}.device-btn .icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2}.btn-deploy{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background:var(--brand, #D94F8A);border:none;border-radius:999px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease-out;box-shadow:0 2px 10px #d94f8a40}.btn-deploy:hover{background:var(--brand-dark, #C23D77)}.btn-deploy .icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:2}.editor-main{flex:1;display:flex;overflow:hidden;position:relative}.chat-panel{width:24rem;border-right:1px solid rgba(255,255,255,.07);background:#141416;display:flex;flex-direction:column;flex-shrink:0}.chat-header{padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);background:#161618;display:flex;align-items:center;justify-content:space-between}.chat-header h3{font-size:.9375rem;font-weight:650;color:#f5f5f7;letter-spacing:-.01em}.chat-collapse{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;color:#7c7c82;cursor:pointer;transition:all .18s ease-out}.chat-collapse:hover{background:#ffffff0f;color:#d6d6d9}.chat-collapse .icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#141416}.chat-messages-container{background:#141416}@media (prefers-reduced-motion: no-preference){.chat-messages-container .sy-chat-msg{animation:chatMsgIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes chatMsgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.chat-msg{display:flex;flex-direction:column;gap:.75rem;max-width:82%}.chat-msg.user{align-self:flex-end}.chat-msg.assistant{align-self:flex-start}.msg-bubble{padding:.625rem .875rem;border-radius:1.125rem;font-size:.9375rem;line-height:1.55}.chat-msg.user .msg-bubble{background:var(--brand, #D94F8A);color:#fff;border-bottom-right-radius:.25rem;box-shadow:0 2px 10px #d94f8a4d}.chat-msg.assistant .msg-bubble{background:#1c1c1f;color:#e8e8ea;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:.25rem;box-shadow:0 1px 3px #0000004d}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.4375rem .875rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:#c9c9ce;font-size:.8125rem;cursor:pointer;transition:all .18s ease-out}.chip:hover{background:#d94f8a1f;border-color:#d94f8a66;color:#e980ae}.typing-dots{display:flex;gap:.375rem;padding:.75rem 1rem;background:#1c1c1f;border:1px solid rgba(255,255,255,.08);border-radius:1.125rem 1.125rem 1.125rem .25rem}.typing-dots .dot{width:.5rem;height:.5rem;background:var(--brand, #D94F8A);border-radius:50%;animation:typingBounce 1.4s infinite;opacity:.5}.typing-dots .dot:nth-child(2){animation-delay:.2s}.typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.chat-input-area{padding:.875rem 1rem;border-top:1px solid rgba(255,255,255,.07);background:#161618}.input-container{position:relative;display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.1);border-radius:999px;padding:.625rem .875rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.input-container:focus-within{border-color:var(--brand, #D94F8A);box-shadow:0 0 0 3px #d94f8a40;background:#ffffff12}.chat-input{flex:1;background:transparent;border:none;color:#f5f5f7;font-size:.9375rem;resize:none;max-height:8rem;outline:none}.chat-input::placeholder{color:#7c7c82}#chat-input::placeholder{color:#7c7c82}.send-btn{width:2rem;height:2rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand, #D94F8A);border:none;border-radius:999px;color:#fff;cursor:pointer;transition:all .18s ease-out;box-shadow:0 2px 8px #d94f8a59}.send-btn:hover{background:var(--brand-dark, #C23D77)}.send-btn:disabled{background:#ffffff14;color:#5a5a5f;box-shadow:none;cursor:not-allowed}.send-btn .icon{width:1rem;height:1rem;stroke:currentColor;stroke-width:2.5}.preview-panel{flex:1;background:#0f0f10;overflow:hidden}.preview-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.browser-frame{width:100%;height:90%;background:#fff;border-radius:.875rem;overflow:hidden;box-shadow:0 12px 40px #00000073,0 1px 4px #0000004d;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.browser-chrome{height:2.5rem;background:#1c1c1f;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 .875rem;gap:.75rem;flex-shrink:0}.chrome-dots{display:flex;gap:.375rem}.chrome-dots .dot{width:.6875rem;height:.6875rem;border-radius:50%}.chrome-dots .dot.red{background:#ef4444}.chrome-dots .dot.yellow{background:#f59e0b}.chrome-dots .dot.green{background:#10b981}.chrome-url{flex:1;text-align:center;font-size:.8125rem;color:#a1a1a6}.preview-iframe{flex:1;overflow:auto;position:relative;background:#fff}.markdown-content{word-wrap:break-word;color:inherit}.markdown-content p{margin:.5em 0}.markdown-content p:first-child{margin-top:0}.markdown-content p:last-child{margin-bottom:0}.markdown-content code{background:#ffffff14;color:#f291bc;padding:.125rem .375rem;border-radius:.25rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.875em}.markdown-content pre{background:#00000059;border:1px solid rgba(255,255,255,.08);padding:.75rem;border-radius:.5rem;overflow-x:auto;margin:.75em 0}.markdown-content pre code{background:none;color:#d6d6d9;padding:0;font-size:.8125rem;line-height:1.5}.markdown-content ul,.markdown-content ol{margin:.5em 0;padding-left:1.5em}.markdown-content li{margin:.25em 0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:.75em 0 .5em;font-weight:650;color:inherit;letter-spacing:-.01em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.125em}.markdown-content blockquote{border-left:3px solid rgba(217,79,138,.45);padding-left:1em;margin:.75em 0;color:#a1a1a6;font-style:italic}.markdown-content a{color:#e980ae;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .25s ease-out,color .18s ease-out}.markdown-content a:hover{color:#f291bc;background-size:100% 1px}.markdown-content hr{border:none;border-top:1px solid rgba(255,255,255,.1);margin:1em 0}.markdown-content table{border-collapse:collapse;width:100%;margin:.75em 0;font-size:.9em}.markdown-content th,.markdown-content td{border:1px solid rgba(255,255,255,.1);padding:.5em .75em;text-align:left}.markdown-content th{background:#ffffff0d;font-weight:600;color:#d6d6d9}.chat-msg.user .markdown-content code,[style*="rgb(217, 79, 138)"] .markdown-content code{background:#fff3;color:#fff}.sy-editor-root button:focus-visible,.sy-editor-root select:focus-visible,.sy-editor-root a:focus-visible,.sy-editor-root input:focus-visible,.sy-editor-root textarea:focus-visible{outline:2px solid rgba(217,79,138,.35);outline-offset:2px}@media (prefers-reduced-motion: no-preference){.sy-lift:hover:not(:disabled){transform:translateY(-1px)}.sy-lift:active:not(:disabled){transform:translateY(0)}}@media (max-width: 1080px){.sy-status-label{display:none}}@keyframes panelPop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}.sy-pop-panel{transform-origin:top right;animation:panelPop .2s ease-out}.sy-modal-overlay{animation:backdropFadeIn .2s ease-out}@keyframes modalRise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: no-preference){.sy-modal-overlay>:first-child{animation:modalRise .22s ease-out}}.mobile-chat-fab{display:none}.chat-panel-mobile-closed,.chat-panel-mobile-open{display:flex}.sy-editor-root{overflow-x:hidden}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sy-editor-root{height:100dvh!important}.mobile-chat-fab{display:flex!important}.chat-panel-mobile-closed{display:none!important}.chat-panel-mobile-open{display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:100dvh;z-index:70;background:#141416;flex-direction:column;overflow:hidden;animation:sheetSlideUp .28s cubic-bezier(.32,.72,0,1)}.mobile-chat-backdrop{animation:backdropFadeIn .22s ease-out}.sy-modal-overlay{flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;padding:0!important}.sy-modal-overlay>:first-child{width:100%!important;max-width:100%!important;max-height:92dvh!important;border-radius:20px 20px 0 0!important;animation:sheetSlideUp .28s cubic-bezier(.32,.72,0,1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes puddleMorph{0%,to{border-radius:55% 45% 38% 62%/49% 55% 45% 51%}33%{border-radius:42% 58% 56% 44%/53% 40% 60% 47%}66%{border-radius:60% 40% 45% 55%/44% 62% 38% 56%}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.deploy-modal{position:relative;width:100%;max-width:28rem;background:#161618;border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:1.5rem;box-shadow:0 24px 60px #00000080}@media (prefers-reduced-motion: no-preference){.deploy-modal{animation:modalRise .5s cubic-bezier(.22,1,.36,1) both}@keyframes modalRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.modal-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:999px;color:#a1a1a6;cursor:pointer;transition:all .18s ease-out}.modal-close:hover{background:#ffffff0d;color:#fff}.modal-close .icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2}.modal-content{display:flex;flex-direction:column;gap:1.5rem}.modal-title{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.modal-subtitle{font-size:.9375rem;color:#a1a1a6;margin-top:-.75rem}.deploy-form{display:flex;flex-direction:column;gap:.75rem}.form-label{font-size:.875rem;font-weight:500;color:#d6d6d9}.subdomain-input-group{display:flex;width:100%}.subdomain-input{flex:1;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:.75rem 0 0 .75rem;color:#fff;font-size:.9375rem;outline:none;transition:border-color .18s ease-out,box-shadow .18s ease-out}.subdomain-input:focus{border-color:var(--brand, #D94F8A);box-shadow:0 0 0 3px var(--brand-glow, rgba(217, 79, 138, .25))}.subdomain-suffix{display:flex;align-items:center;padding:0 1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.12);border-left:none;border-radius:0 .75rem .75rem 0;color:#7c7c82;font-size:.9375rem}.availability-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#a1a1a6}.status-icon{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}.status-icon .icon-sm{width:100%;height:100%;stroke-width:2.5}.status-icon.available{color:var(--green-400)}.status-icon.available .icon-sm{stroke:currentColor}.status-icon.taken{color:var(--red-400)}.status-icon.taken .icon-sm{stroke:currentColor}.status-available{color:var(--green-400)}.status-taken{color:var(--red-400)}.upgrade-prompt{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.875rem}.upgrade-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:#fbbf24}.upgrade-icon .icon{width:100%;height:100%;stroke:currentColor;stroke-width:2}.upgrade-text{flex:1;font-size:.875rem;color:#d6d6d9}.upgrade-link{font-size:.875rem;color:#e980ae;text-decoration:underline;cursor:pointer}.upgrade-link:hover{color:#f291bc}.btn-deploy{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:var(--brand, #D94F8A);border:none;border-radius:999px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .18s ease-out;box-shadow:0 2px 12px var(--brand-glow, rgba(217, 79, 138, .25))}.btn-deploy:hover:not(:disabled){background:var(--brand-dark, #C23D77);transform:translateY(-1px);box-shadow:0 6px 18px var(--brand-glow, rgba(217, 79, 138, .25))}.btn-deploy:disabled{opacity:.5;cursor:not-allowed}.btn-deploy .icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2}.modal-content.deploying{align-items:center;text-align:center;padding:1rem 0}.deploying-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#d94f8a1f;border-radius:50%;color:var(--brand, #D94F8A)}.deploying-icon .icon{width:2rem;height:2rem;stroke:currentColor;stroke-width:2}.deploy-steps{display:flex;flex-direction:column;gap:.75rem;width:100%;text-align:left}.deploy-step{display:flex;align-items:center;gap:.75rem;font-size:.9375rem}.deploy-step.pending{color:#7c7c82}.deploy-step.current{color:#e980ae}.deploy-step.completed{color:var(--green-400)}.step-icon{width:1.25rem;height:1.25rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.step-icon.empty{width:1.25rem;height:1.25rem;border:2px solid currentColor;border-radius:50%}.step-icon .icon,.step-icon .icon-sm{width:100%;height:100%;stroke:currentColor;stroke-width:2.5}.deploy-progress-bar{width:100%;height:.375rem;background:#ffffff14;border-radius:9999px;overflow:hidden;margin-top:1rem}.deploy-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand, #D94F8A),var(--brand-dark, #C23D77));border-radius:9999px}.modal-content.success{align-items:center;text-align:center}.success-icon{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#10b98133;border-radius:50%;color:var(--green-500)}.success-icon .icon{width:2rem;height:2rem;stroke:currentColor;stroke-width:2.5}.url-display{position:relative;width:100%;display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.875rem}.url-text{flex:1;color:#e980ae;font-weight:500;font-size:.9375rem;word-break:break-all}.copy-btn-container{position:relative}.copy-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:.5rem;color:#d6d6d9;cursor:pointer;transition:all .3s}.copy-btn:hover{background:#ffffff2e;color:#fff}.copy-btn .icon-sm{width:1rem;height:1rem;stroke:currentColor;stroke-width:2}.copy-tooltip{position:absolute;top:-2rem;right:0;padding:.375rem .75rem;background:#232327;border:1px solid rgba(255,255,255,.12);border-radius:.375rem;color:#fff;font-size:.75rem;white-space:nowrap}.success-actions{display:flex;gap:.75rem;width:100%}.btn-visit,.btn-back{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border:none;border-radius:999px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .18s ease-out}.btn-visit{background:var(--brand, #D94F8A);color:#fff;box-shadow:0 2px 12px var(--brand-glow, rgba(217, 79, 138, .25))}.btn-visit:hover{background:var(--brand-dark, #C23D77);transform:translateY(-1px)}.btn-back{background:transparent;border:1px solid rgba(255,255,255,.12);color:#d6d6d9}.btn-back:hover{background:#ffffff0f;color:#fff}.btn-visit .icon-sm,.btn-back .icon-sm{width:1rem;height:1rem;stroke:currentColor;stroke-width:2}@media (max-width: 640px){.deploy-modal{max-width:100%;margin:0}.success-actions{flex-direction:column}}.settings-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.settings-toolbar{height:3.5rem;border-bottom:1px solid var(--border);background:#ffffffd1;-webkit-backdrop-filter:blur(16px) saturate(1.8);backdrop-filter:blur(16px) saturate(1.8);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;flex-shrink:0}.toolbar-title{font-size:.9375rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.settings-content{flex:1;overflow-y:auto;padding:2rem 1rem}.settings-container{max-width:42rem;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.75rem;transition:box-shadow .18s ease-out}.section-title{font-size:1.125rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);margin-bottom:1.25rem}.section-title.danger{color:#dc2626}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;background:#f5f5f7;border:1px solid transparent;border-radius:var(--radius-input);color:var(--ink);font-size:.9375rem;outline:none;transition:border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.form-input:focus,.form-textarea:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.form-input.locked{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical;min-height:4rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-soft)}.form-help{margin-top:.5rem;font-size:.8125rem;color:var(--ink-soft)}.btn-save{padding:.75rem 1.5rem;background:var(--brand);border:none;border-radius:999px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .18s ease-out,transform .18s ease-out,box-shadow .18s ease-out}.btn-save:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 24px var(--brand-glow)}.subdomain-display{display:flex;align-items:center;justify-content:space-between;gap:1rem}.subdomain-url{display:flex;align-items:center;gap:.5rem;color:var(--ink-body);font-size:.9375rem}.subdomain-url .icon-sm{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;color:var(--brand)}.btn-edit{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--ink);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .18s ease-out,border-color .18s ease-out}.btn-edit:hover{border-color:var(--ink-soft);background:var(--surface-alt)}.subdomain-edit-group{display:flex;flex-direction:column;gap:.75rem}.subdomain-actions{display:flex;gap:.75rem}.btn-subdomain-cancel,.btn-subdomain-save{padding:.5rem 1.125rem;border:none;border-radius:999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.btn-subdomain-cancel{background:var(--surface-alt);color:var(--ink-body)}.btn-subdomain-cancel:hover{background:var(--border);color:var(--ink)}.btn-subdomain-save{background:var(--brand);color:#fff}.btn-subdomain-save:hover{background:var(--brand-dark)}.custom-domain-locked{position:relative}.locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-input)}.locked-overlay span{font-size:.875rem;color:var(--ink-body)}.locked-overlay .upgrade-link{font-size:.875rem;color:var(--brand);text-decoration:underline}.settings-section.danger-zone{border-color:#ef444440}.danger-actions{display:flex;flex-direction:column;gap:1rem}.danger-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--surface-alt);border-radius:var(--radius-input)}.danger-action-title{font-size:.9375rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}.danger-action-desc{font-size:.8125rem;color:var(--ink-soft);line-height:1.5}.btn-danger-secondary,.btn-danger-primary{padding:.625rem 1.125rem;border:none;border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .18s ease-out,color .18s ease-out;white-space:nowrap}.btn-danger-secondary{background:var(--surface);border:1px solid var(--border);color:var(--ink-body)}.btn-danger-secondary:hover{background:#ef444414;color:#dc2626}.btn-danger-primary{background:#ef44441a;color:#dc2626}.btn-danger-primary:hover{background:#ef4444;color:#fff}.confirm-modal{position:relative;width:100%;max-width:28rem;background:var(--surface);border:1px solid var(--border);border-radius:1.25rem;padding:1.75rem;box-shadow:0 24px 64px #0000001f}.modal-icon{width:3rem;height:3rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:var(--brand-tint);border-radius:50%;color:var(--brand)}.modal-icon.danger{background:#ef44441a;color:#ef4444}.modal-icon .icon{width:1.5rem;height:1.5rem;stroke:currentColor;stroke-width:2}.modal-text{font-size:.9375rem;color:var(--ink-body);line-height:1.6;text-align:center;margin-bottom:1.5rem}.modal-text.danger{color:#dc2626}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-modal-cancel,.btn-modal-primary,.btn-modal-danger{flex:1;padding:.875rem;border:none;border-radius:999px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.btn-modal-cancel{background:var(--surface);border:1px solid var(--border);color:var(--ink)}.btn-modal-cancel:hover{background:var(--surface-alt)}.btn-modal-primary{background:var(--brand);color:#fff}.btn-modal-primary:hover{background:var(--brand-dark)}.btn-modal-danger{background:#ef4444;color:#fff}.btn-modal-danger:hover{background:#dc2626}.btn-modal-danger:disabled{opacity:.5;cursor:not-allowed}.sp-shell{max-width:72rem;margin:0 auto;display:flex;gap:2.5rem}.sp-sidebar{width:14rem;flex-shrink:0}.sp-sidebar-sticky{position:sticky;top:6rem}.sp-sidebar-title{font-size:1.125rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);margin-bottom:1rem;padding-left:1rem}.sp-nav{display:flex;flex-direction:column;gap:.25rem}.sp-nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:999px;color:var(--ink-body);font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:background .18s ease-out,color .18s ease-out}.sp-nav-item:hover{background:var(--surface-alt);color:var(--ink)}.sp-nav-item.active{background:var(--brand-tint);color:var(--brand-dark);font-weight:600}.sp-nav-icon{width:1.125rem;height:1.125rem;stroke:currentColor;stroke-width:2;flex-shrink:0}.sp-main{flex:1;min-width:0}.sp-stack{display:flex;flex-direction:column;gap:1.5rem}.sp-page-title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;letter-spacing:-.025em;color:var(--ink);margin-bottom:.375rem}.sp-page-subtitle{font-size:.9375rem;line-height:1.6;color:var(--ink-soft)}.sp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.75rem}.sp-card-title{font-size:1.125rem;font-weight:650;letter-spacing:-.015em;color:var(--ink);margin-bottom:1.5rem}.sp-field{margin-bottom:1.25rem}.sp-field:last-child{margin-bottom:0}.sp-label{display:block;font-size:.875rem;font-weight:500;color:var(--ink-body);margin-bottom:.5rem}.sp-input{width:100%;padding:.75rem 1rem;background:#f5f5f7;border:1px solid transparent;border-radius:var(--radius-input);color:var(--ink);font-size:.9375rem;font-family:inherit;outline:none;transition:border-color .18s ease-out,box-shadow .18s ease-out,background .18s ease-out}.sp-input:focus{background:var(--surface);border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.sp-input:disabled{color:var(--ink-soft);cursor:not-allowed}.sp-input::placeholder{color:var(--ink-soft)}.sp-help{margin-top:.5rem;font-size:.8125rem;color:var(--ink-soft)}.sp-avatar{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-deep));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.sp-avatar-wrap{position:relative;cursor:pointer}.sp-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#1d1d1f73;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8125rem;font-weight:500;opacity:0;transition:opacity .18s ease-out}.sp-avatar-wrap:hover .sp-avatar-overlay{opacity:1}.sp-btn-primary{padding:.75rem 1.5rem;background:var(--brand);border:none;border-radius:999px;color:#fff;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s ease-out,box-shadow .18s ease-out}.sp-btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:0 8px 24px var(--brand-glow)}.sp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.sp-btn-ghost{padding:.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;color:var(--ink);font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s ease-out,border-color .18s ease-out}.sp-btn-ghost:hover:not(:disabled){background:var(--surface-alt);border-color:var(--ink-soft)}.sp-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.sp-note{padding:1rem;background:var(--surface-alt);border-radius:var(--radius-input);font-size:.875rem;color:var(--ink-body)}.sp-note ul{margin:.5rem 0 0;padding:0;list-style:none;color:var(--ink-soft);font-size:.8125rem;line-height:1.7}.sp-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.sp-row-label{font-size:.9375rem;font-weight:500;color:var(--ink)}.sp-row-desc{font-size:.8125rem;color:var(--ink-soft);margin-top:.125rem}.sp-divider{border-top:1px solid var(--border);margin:1rem 0}.sp-toggle{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.625rem;border-radius:999px;border:none;background:#d9d9de;cursor:pointer;flex-shrink:0;transition:background .18s ease-out;padding:0}.sp-toggle.on{background:var(--brand)}.sp-toggle-knob{position:absolute;left:3px;width:1.25rem;height:1.25rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s ease-out;transform:translate(0)}.sp-toggle.on .sp-toggle-knob{transform:translate(1.125rem)}@media (prefers-reduced-motion: no-preference){.sp-card,.sp-page-header{animation:spRise .5s var(--ease-out-expo) both}.sp-stack>*:nth-child(2){animation-delay:.06s}.sp-stack>*:nth-child(3){animation-delay:.12s}.sp-stack>*:nth-child(4){animation-delay:.18s}@keyframes spRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 768px){.settings-content{padding:1.5rem 1rem}.settings-section{padding:1.25rem}.danger-action{flex-direction:column;align-items:flex-start}.btn-danger-secondary,.btn-danger-primary{width:100%}.sp-shell{flex-direction:column;gap:1.5rem}.sp-sidebar{width:100%}.sp-sidebar-sticky{position:static}.sp-nav{flex-direction:row;overflow-x:auto}.sp-nav-item{width:auto;white-space:nowrap}}.collections-manager{display:flex;flex-direction:column;height:100vh;background:#141416;color:#e8e8ea}.collections-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid rgba(255,255,255,.07);background:#141416}.collections-header-left h2{margin:0;font-size:24px;font-weight:600;color:#f5f5f7;display:flex;align-items:center}.collections-subtitle{margin:4px 0 0;font-size:14px;color:#a1a1a6}.collections-header-actions{display:flex;gap:12px}.collections-tabs{display:flex;gap:4px;padding:0 32px;background:#141416;border-bottom:1px solid rgba(255,255,255,.07)}.collections-tab{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#a1a1a6;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.collections-tab:hover{color:#e8e8ea;background:#1c1c1f}.collections-tab.active{color:var(--brand, #D94F8A);border-bottom-color:var(--brand, #D94F8A)}.collections-content{flex:1;overflow-y:auto;padding:32px}.collections-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--brand, #D94F8A);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.collections-empty{text-align:center;padding:80px 20px;max-width:500px;margin:0 auto}.collections-empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.collections-empty h3{font-size:24px;font-weight:600;margin:0 0 12px;color:#f5f5f7}.collections-empty p{font-size:16px;color:#a1a1a6;line-height:1.6;margin:0 0 32px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.collection-card{background:#1c1c1f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;transition:all .18s ease-out}.collection-card:hover{border-color:#d94f8a8c;transform:translateY(-2px);box-shadow:0 12px 32px #00000059,0 4px 12px #d94f8a26}.collection-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.collection-card-header h3{margin:0;font-size:18px;font-weight:600;color:#f5f5f7;font-family:monospace}.collection-card-actions{display:flex;gap:8px}.collection-card-stats{display:flex;gap:24px;margin-bottom:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.collection-stat{display:flex;flex-direction:column;gap:4px}.collection-stat-label{font-size:12px;color:#a1a1a6;text-transform:uppercase;letter-spacing:.05em}.collection-stat-value{font-size:24px;font-weight:600;color:#f5f5f7}.collection-card-footer{display:flex;justify-content:flex-end}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:8px 0}.template-card{background:#1c1c1f;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;cursor:pointer;transition:all .18s ease-out;text-align:center}.template-card:hover{border-color:#d94f8a8c;background:#232327;transform:translateY(-2px)}.template-icon{font-size:48px;margin-bottom:16px}.template-card h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#f5f5f7}.template-card p{margin:0 0 12px;font-size:14px;color:#a1a1a6;line-height:1.5}.template-fields-preview{font-size:12px;color:#7c7c82;padding:8px;background:#141416;border-radius:6px}.collection-config{display:flex;flex-direction:column;gap:24px}.fields-list{display:flex;flex-direction:column;gap:12px}.fields-empty{padding:32px;text-align:center;background:#1c1c1f;border:2px dashed rgba(255,255,255,.14);border-radius:8px;color:#a1a1a6}.field-editor{background:#1c1c1f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px}.field-editor-header{display:flex;align-items:center;gap:12px}.field-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border-radius:50%;font-size:14px;font-weight:600;color:#a1a1a6;flex-shrink:0}.field-name-input{flex:1;min-width:0;padding:8px 12px;background:#141416;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8ea;font-size:14px;font-family:monospace}.field-name-input:focus{outline:none;border-color:var(--brand, #D94F8A)}.field-type-select{padding:8px 12px;background:#141416;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8ea;font-size:14px;cursor:pointer}.field-type-select:focus{outline:none;border-color:var(--brand, #D94F8A)}.field-required-checkbox{display:flex;align-items:center;gap:6px;font-size:14px;color:#a1a1a6;cursor:pointer;-webkit-user-select:none;user-select:none}.field-required-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.field-options{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.collection-data-view{display:flex;flex-direction:column;gap:24px}.collection-data-header{display:flex;justify-content:space-between;align-items:center}.collection-filters{background:#1c1c1f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group.filter-search{flex:1;min-width:250px;position:relative}.filter-label{font-size:13px;color:#a1a1a6;font-weight:500;white-space:nowrap}.btn-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;font-size:20px;line-height:1;background:#ffffff1a;color:#a1a1a6;border-radius:4px}.btn-clear:hover{background:#ffffff29;color:#e8e8ea}.filter-results{font-size:13px;color:#7c7c82;padding:8px 0 0}.collection-data-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.collection-data-empty{text-align:center;padding:80px 20px;max-width:500px;margin:0 auto}.collection-data-empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.collection-data-empty h3{font-size:24px;font-weight:600;margin:0 0 12px;color:#f5f5f7}.collection-data-empty p{font-size:16px;color:#a1a1a6;line-height:1.6;margin:0 0 32px}.data-table-container{background:#1c1c1f;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#141416}.data-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#a1a1a6;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.data-table th.sortable:hover{background:#1c1c1f;color:#e8e8ea}.data-table th.sorted{color:var(--brand, #D94F8A)}.data-table tbody tr{border-bottom:1px solid rgba(255,255,255,.1);transition:background .2s}.data-table tbody tr:hover{background:#232327}.data-table td{padding:12px 16px;font-size:14px;color:#e8e8ea}.data-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-cell-id{font-family:monospace;color:#a1a1a6;font-size:12px}.data-cell-actions{display:flex;gap:8px;justify-content:flex-end}.data-form{display:flex;flex-direction:column;gap:20px;max-height:60vh;overflow-y:auto;padding:4px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#e8e8ea}.form-input,.form-input-sm{padding:10px 12px;background:#141416;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e8e8ea;font-size:14px;font-family:inherit;transition:border-color .2s}.form-input-sm{padding:6px 10px;font-size:13px}.form-input:focus,.form-input-sm:focus{outline:none;border-color:var(--brand, #D94F8A);box-shadow:0 0 0 3px var(--brand-glow, rgba(217, 79, 138, .25))}.form-input::placeholder{color:#7c7c82}textarea.form-input{resize:vertical;font-family:inherit}.form-hint{font-size:12px;color:#7c7c82;margin-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#e8e8ea;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.btn-primary,.btn-secondary,.btn-icon,.btn-danger{padding:10px 20px;border:none;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .18s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--brand, #D94F8A);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark, #C23D77);transform:translateY(-1px);box-shadow:0 6px 16px #d94f8a40}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#e8e8ea}.btn-secondary:hover{background:#ffffff29}.btn-icon{padding:8px;background:transparent;color:#a1a1a6;font-size:18px;border-radius:8px}.btn-icon:hover{background:#ffffff1a;color:#e8e8ea}.btn-icon.btn-danger:hover{background:#ef44441a;color:#ef4444}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#141416;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.modal-content.modal-lg{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.07)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#f5f5f7}.modal-close{width:32px;height:32px;border:none;background:transparent;color:#a1a1a6;font-size:24px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#1c1c1f;color:#e8e8ea}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.07)}@media (max-width: 768px){.collections-header{flex-direction:column;align-items:flex-start;gap:16px}.collections-grid,.template-grid{grid-template-columns:1fr}.field-editor-header{flex-wrap:wrap}.data-table-container{overflow-x:auto}}