@import"https://api.fontshare.com/v2/css?f[]=satoshi@400,500,600,700,800,900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{font-family:Satoshi,-apple-system,sans-serif;background:#0b091d;color:#fff;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;position:relative}.nav-back{width:48px;height:48px;border:1px solid #333;border-radius:12px;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:border-color .2s,background .2s}.nav-back:hover{border-color:#555;background:#ffffff0d}.nav-back svg{width:20px;height:20px;stroke:#888}.nav-steps{display:flex;align-items:center;gap:24px;position:absolute;left:50%;transform:translate(-50%)}.nav-step{font-size:14px;color:#666;position:relative;padding-bottom:20px}.nav-step.active{color:#fff}.nav-step.completed{color:#888}.nav-btn{padding:10px 20px;font-size:14px;font-weight:600;background:#ff5ec4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s}.nav-btn:hover{background:#e654b0}.nav-btn:disabled{background:#333;color:#666;cursor:not-allowed}.nav-btn svg{width:16px;height:16px}.progress-line{height:3px;background:#1a1a2e;position:relative}.progress-line-fill{height:100%;background:#ff5ec4;transition:width .3s ease}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.step-content{display:none;flex-direction:column;align-items:center;text-align:center;max-width:500px;width:100%;animation:fadeIn .4s ease}.step-content.active{display:flex}.step-content.landing-step{max-width:700px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:42px;font-weight:800;margin-bottom:16px;line-height:1.1}h1 .gradient{background:linear-gradient(135deg,#ff5ec4,#ff8ed4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-headline{font-size:42px;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.1}.subtitle{font-size:20px;color:#b8b8c8;margin-bottom:40px;line-height:1.4}.email-input{width:100%;padding:16px 20px;font-size:16px;background:#1a1a1a;border:1px solid #333;border-radius:12px;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.email-input:focus{border-color:#ff5ec4;box-shadow:0 0 0 3px #ff5ec41a}.email-input::placeholder{color:#666}.forward-box{background:transparent;border:1px solid #333;border-radius:16px;padding:16px;width:100%;max-width:550px;margin-bottom:24px}.forward-next-btn{display:inline-flex;align-items:center;gap:8px}.forward-box-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.forward-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.forward-icon svg{width:16px;height:16px;stroke:#888}.forward-label{font-size:14px;color:#b8b8c8;text-transform:none;letter-spacing:0;margin-bottom:0;text-align:center}.forward-input-wrapper{display:flex;align-items:center;width:100%;background:#0b091d;border:1px solid #333;border-radius:8px;overflow:hidden}.forward-email{flex:1;font-size:14px;font-weight:400;color:#888;padding:10px 16px;background:transparent;border:none;word-break:break-all}.copy-btn{padding:8px 16px;font-size:14px;background:transparent;border:none;border-left:1px solid #333;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.copy-btn:hover{background:#ffffff0d}.copy-btn.copied{color:#22c55e}.copy-btn svg{width:14px;height:14px}.status-box{display:flex;align-items:center;gap:16px;padding:16px 20px;background:transparent;border:1px solid #333;border-radius:12px;width:100%;max-width:550px}.status-box.success{border-color:#22c55e}.spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:#ff5ec4;border-right-color:#ff5ec4;border-radius:50%;animation:spin 1s linear infinite}.spinner-icon{animation:spin 1s linear infinite;color:#ff5ec4}@keyframes spin{to{transform:rotate(360deg)}}.status-text{font-size:14px;color:#b8b8c8}.checkmark{width:24px;height:24px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center}.checkmark svg{width:14px;height:14px;stroke:#fff}.preview-container{width:100%;max-width:900px;background:#1a1a1a;border-radius:16px;overflow:hidden;border:1px solid #333}.email-preview-wrapper{width:100%;background:#fff}.mobile-desktop-note{display:none}.preview-header{padding:16px 20px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}.preview-title{font-weight:600;font-size:14px}.preview-meta{font-size:12px;color:#888}.preview-iframe{width:100%;height:500px;border:none;background:#fff}.btn{padding:14px 28px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:#ff5ec4;color:#fff;border:1px solid #a03c81}.btn-primary:hover{background:#e654b0;transform:translateY(-1px)}.btn-primary:disabled{background:#333;color:#666;cursor:not-allowed;transform:none}.btn-secondary{background:#2a2a2a;color:#fff}.btn-secondary:hover{background:#333}.generating-status{margin-top:24px;padding:20px;background:#1a1a1a;border-radius:12px;border:1px solid #333;width:100%}.generating-status h3{font-size:16px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.variant-list{display:flex;flex-direction:column;gap:8px}.variant-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0a0a0a;border-radius:8px;font-size:14px}.variant-item .status-icon{width:16px;height:16px;border-radius:50%;background:#333}.variant-item.generating .status-icon{border:2px solid #333;border-top-color:#ff5ec4;animation:spin 1s linear infinite;background:transparent}.variant-item.complete .status-icon{background:#22c55e}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}@media (max-width: 900px){.template-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.template-grid{grid-template-columns:1fr}}.template-card{background:#1a1a1a;border-radius:12px;overflow:hidden;border:1px solid #333;cursor:pointer;transition:all .2s}.template-card:hover{border-color:#ff5ec4;transform:translateY(-2px)}.template-card-header{padding:12px 16px;border-bottom:1px solid #333;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:space-between}.template-card-preview{width:100%;height:200px;background:linear-gradient(135deg,#1a1a2e,#0b091d);display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.mobile-template-screenshot{display:none;width:100%;height:100%;object-fit:cover;object-position:top center}.completion-icon{width:80px;height:80px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:32px}.completion-icon svg{width:40px;height:40px;stroke:#fff}.completion-actions{margin-top:32px}.completion-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:18px}.landing-icon{width:84px;height:84px;background:radial-gradient(circle,rgba(255,94,196,.4) 0%,rgba(255,94,196,.1) 50%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:44px;position:relative}.landing-icon:before{content:"";position:absolute;width:56px;height:56px;border:2px solid #ff5ec4;border-radius:50%}.landing-icon svg{width:32px;height:32px;color:#ff5ec4;position:relative;z-index:2}.landing-title{font-size:60px;text-transform:uppercase;line-height:1.1;margin-bottom:24px;color:#fff}.grid-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:74px 85px}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-1{width:324px;height:324px;background:radial-gradient(circle,rgba(255,94,196,.3) 0%,transparent 70%);bottom:-100px;left:10%}.orb-2{width:324px;height:324px;background:radial-gradient(circle,rgba(255,94,196,.2) 0%,transparent 70%);top:-50px;right:5%}.top-nav,.main,.progress-line{position:relative;z-index:1}.preview-page{min-height:100vh;background:#f5f5f5}.preview-page.embedded{background:#0a0a0a}.preview-page.loading,.preview-page.error{display:flex;align-items:center;justify-content:center}.loading-text{font-size:20px;color:#666}.error-text{font-size:20px;color:#ef4444}.preview-header{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:50}.preview-header .header-content{max-width:1280px;margin:0 auto;padding:16px 24px}.preview-header h1{font-size:24px;font-weight:700;color:#111;margin-bottom:4px}.preview-header p{color:#666;margin:0;font-size:14px}.preview-main{max-width:1280px;margin:0 auto;padding:32px 24px}.preview-main.embedded{padding:16px}.template-grid-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1024px){.template-grid-preview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.template-grid-preview{grid-template-columns:1fr}}.template-card{border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;border:1px solid #374151}.template-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:#ff5ec4}.template-card.selected{border-color:#ff5ec4;box-shadow:0 0 0 2px #ff5ec44d}.template-card-content{height:420px;overflow:hidden;position:relative}.template-inner{position:absolute;top:0;left:0;pointer-events:none;width:1400px;transform:scale(.28);transform-origin:top left}.navbar-wrapper{height:fit-content;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.no-preview{display:flex;align-items:center;justify-content:center;height:100%}.no-preview p{color:#9ca3af}.template-card-footer{padding:16px;background:#111}.template-card-footer.selected{background:#1a1a1a}.template-card-info{display:flex;align-items:center;justify-content:space-between}.template-card-info h3{font-weight:600;font-size:18px;color:#fff;margin:0}.selected-check{width:24px;height:24px;border-radius:50%;background:#ff5ec4;display:flex;align-items:center;justify-content:center}.check-icon{width:16px;height:16px;color:#fff}.template-card-tags{display:flex;align-items:center;gap:8px;margin-top:8px}.tag{font-size:12px;padding:4px 8px;border-radius:4px;text-transform:uppercase}.tag.category{background:#2a2a2a;color:#9ca3af}.tag.premium{background:#581c87;color:#c4b5fd}.template-preview img{max-width:100%}.template-preview a{color:inherit;text-decoration:inherit}.template-preview button,.template-preview [class*=button]{cursor:pointer;background-color:var(--button-background-color)!important;color:var(--text-color)!important}.template-preview ul,.template-preview ol{list-style:revert;margin:revert;padding:revert}.template-preview h1,.template-preview h2,.template-preview h3,.template-preview h4,.template-preview h5,.template-preview h6{font-size:revert;font-weight:revert}.template-preview p{margin:revert}.template-preview{scroll-behavior:smooth}.template-preview ::-webkit-scrollbar{width:0;background:transparent}@media (max-width: 900px){.top-nav{padding:16px 20px}.nav-steps{display:none}.main{padding:24px 20px}.landing-title{font-size:42px}.step-headline,h1{font-size:32px}.subtitle{font-size:18px;margin-bottom:32px}.preview-iframe{height:400px}.template-card-content{height:320px}.template-inner{width:1200px;transform:scale(.25)}.preview-main{padding:24px 16px}}@media (max-width: 600px){.top-nav{padding:12px 16px;flex-wrap:nowrap;gap:8px}.nav-back{width:40px;height:40px;flex-shrink:0}.nav-btn{padding:8px 12px;font-size:12px;white-space:nowrap}.main{padding:20px 16px;align-items:center;justify-content:center}.step-content{max-width:100%}.step-content[style*="maxWidth: 1200"]{padding-bottom:24px}.landing-icon{width:64px;height:64px;margin-bottom:32px}.landing-icon:before{width:44px;height:44px}.landing-icon svg{width:24px;height:24px}.landing-title{font-size:28px;line-height:1.2;margin-bottom:20px}.step-headline,h1{font-size:24px}.subtitle{font-size:13px;margin-bottom:20px;padding:0}.forward-box{padding:12px;max-width:100%}.forward-label{font-size:11px}.forward-email{font-size:12px;padding:8px 12px}.copy-btn{padding:8px 12px;font-size:13px}.status-box{padding:12px 16px;gap:12px;max-width:100%}.status-text{font-size:13px}.btn{padding:12px 20px;font-size:14px}.preview-container{max-width:100%;border-radius:12px}.email-preview-wrapper{width:100%;height:55vh;overflow:hidden}.email-preview-iframe{width:600px!important;height:100vh!important;transform:scale(.55);transform-origin:top left}.preview-header{padding:12px 16px}.preview-iframe{height:300px}.generating-status{padding:16px}.generating-status h3{font-size:14px}.variant-item{padding:10px 12px;font-size:13px}.template-card-content{height:280px}.template-inner{width:1000px;transform:scale(.26)}.template-card-footer{padding:12px}.template-card-preview{height:220px!important}.mobile-template-screenshot{display:block!important}.desktop-template-preview,.site-template-expand-btn,.template-card.hide-on-mobile{display:none!important}.mobile-desktop-note{display:block;margin-top:16px;font-size:12px;color:#fff9;text-align:center}.bio-template-preview-inner{transform:translate(-50%) scale(.34)!important}.post-template-preview-inner{transform:translate(-50%) scale(.52)!important}.template-card-preview[style*="height: 360px"]{height:280px!important}.site-template-preview-inner *,.bio-template-preview-inner *{--mobile-width: var(--width) !important;--mobile-max-width: var(--max-width) !important;--mobile-flex-direction: var(--flex-direction) !important;--mobile-gap: var(--gap) !important;--mobile-padding: var(--padding) !important;--mobile-position: var(--position) !important;--mobile-position-transform: var(--position-transform) !important;--mobile-position-top: var(--position-top) !important;--mobile-position-right: var(--position-right) !important;--mobile-position-bottom: var(--position-bottom) !important;--mobile-position-left: var(--position-left) !important;--mobile-z-index: var(--z-index) !important;--mobile-border-width: var(--border-width) !important;--mobile-border-color: var(--border-color) !important;--mobile-border-style: var(--border-style) !important;--mobile-border-radius: var(--border-radius) !important;--mobile-margin: var(--margin) !important;--mobile-font-size: var(--font-size) !important;--mobile-line-height: var(--line-height) !important}.site-template-preview-inner .mobile\:hidden,.bio-template-preview-inner .mobile\:hidden{display:flex!important}.site-template-preview-inner .desktop\:hidden,.bio-template-preview-inner .desktop\:hidden{display:none!important}.main:has(.template-selection-step.active){align-items:flex-start;justify-content:flex-start}.template-selection-step{align-items:stretch;text-align:left}.template-selection-step .step-headline{font-size:22px;margin-bottom:4px}.template-selection-step .subtitle{font-size:14px;margin-bottom:12px}.template-mode-toggle{margin-bottom:16px!important}.template-card-info h3{font-size:16px}.completion-icon{width:64px;height:64px;margin-bottom:24px}.completion-icon svg{width:32px;height:32px}.completion-actions .btn-primary{padding:14px 24px;font-size:16px}.preview-header .header-content{padding:12px 16px}.preview-header h1{font-size:20px}.preview-main{padding:16px}.orb-1,.orb-2{width:200px;height:200px}.modal-overlay{padding:16px!important}.modal-overlay>div{max-height:85vh!important}}@media (max-width: 375px){.landing-title{font-size:24px}.step-headline,h1{font-size:20px}.subtitle{font-size:14px}.forward-email{font-size:11px}.template-card-content{height:240px}.template-card-preview{height:200px!important}.template-grid{gap:16px}}