@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#f4f4ee;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090c10;--surface:#10151b;--surface-2:#151b22;--line:#282f37;--muted:#949b9d;--lime:#d7ff4f;--coral:#ff735c;--cream:#f4f4ee;background:#090c10;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.auth-loading{color:#7f8789;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.auth-loading .brand-mark{margin-bottom:8px}.auth-loading p{letter-spacing:.6px;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:10px}.auth-page{background-color:var(--bg);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:54px 54px;place-items:center;min-height:100vh;padding:35px 20px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(100px);pointer-events:none;background:#d7ff4f12;border-radius:50%;width:580px;height:580px;position:absolute}.auth-card{z-index:1;background:#0f141af5;border:1px solid #30373d;width:min(100%,460px);padding:clamp(28px,5vw,46px);position:relative;box-shadow:0 32px 90px #00000073}.auth-brand{margin-bottom:52px}.auth-heading>span{color:var(--lime);letter-spacing:1.4px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.auth-heading h1{letter-spacing:-2.5px;margin:12px 0 9px;font-size:clamp(36px,8vw,49px);line-height:1}.auth-heading p{color:#8f9697;margin:0 0 34px;font-size:12px;line-height:1.7}.auth-field{margin-bottom:19px}.auth-field label{color:#cdd0ce;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.auth-field>div{background:#0a0f14;border:1px solid #303841;align-items:center;height:50px;transition:border .2s,box-shadow .2s;display:flex}.auth-field>div:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #d7ff4f14}.auth-field svg{color:#646c6e;flex:none;margin-left:14px}.auth-field input{min-width:0;height:100%;color:var(--cream);background:0 0;border:0;outline:0;flex:1;padding:0 13px}.auth-field input::placeholder{color:#4f5759}.auth-field button{color:#777f80;background:0 0;border:0;place-items:center;width:46px;height:100%;display:grid}.auth-field button svg{margin:0}.auth-message{border:1px solid;padding:11px 12px;font-size:10px;line-height:1.5}.auth-message.error{color:#ffaaa0;background:#ff735c12;border-color:#ff735c59}.auth-message.success{color:var(--lime);background:#d7ff4f0f;border-color:#d7ff4f4d}.auth-submit{color:#10130c;background:var(--lime);border:0;border-radius:2px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:25px;font-size:12px;font-weight:800;display:flex}.auth-submit:hover{filter:brightness(1.07)}.auth-submit:disabled{cursor:wait;opacity:.7}.forgot-button{color:#a2a8a7;background:0 0;border:0;margin:15px auto 0;padding:3px;font-size:10px;display:block}.forgot-button:hover{color:var(--lime)}.auth-footnote{color:#666e70;text-align:center;border-top:1px solid #292f35;margin:35px 0 0;padding-top:20px;font-size:9px;line-height:1.6}.app-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);z-index:20;align-items:center;height:76px;padding:0 clamp(22px,5vw,78px);display:flex;position:relative}.brand{letter-spacing:-.7px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{color:#111;background:var(--lime);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.brand-dot{color:var(--coral)}.header-nav{color:#adb2b2;align-items:center;gap:36px;margin:0 auto;font-size:13px;font-weight:600;display:flex}.header-nav a{align-items:center;gap:6px;display:inline-flex}.header-nav a:hover{color:var(--cream)}.header-cta{border:1px solid #444b50;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;display:flex}.user-status{white-space:nowrap;color:#c6cac8;align-items:center;gap:8px;font-size:11px;display:flex}.user-status b{color:var(--lime);text-transform:uppercase;letter-spacing:.6px;font-family:DM Mono,monospace;font-size:9px}.logout-button{color:#c6cac8;background:#11171c;border:1px solid #353d44;border-radius:3px;align-items:center;gap:6px;margin-left:16px;padding:9px 12px;font-size:11px;display:flex}.logout-button:hover{border-color:var(--coral);color:var(--cream)}.menu-button{color:#fff;background:0 0;border:0;display:none}.hero{border-bottom:1px solid var(--line);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:54px 54px;flex-direction:column;justify-content:center;align-items:flex-start;min-height:520px;padding:70px clamp(22px,9vw,148px) 95px;display:flex;position:relative}.hero:before{content:"";filter:blur(80px);background:#d7ff4f0f;border-radius:50%;width:440px;height:440px;position:absolute;inset:auto 10% -120px auto}.eyebrow,.section-heading>span,.tips-section span{color:var(--lime);text-transform:uppercase;letter-spacing:1.5px;font-family:DM Mono,monospace;font-size:11px}.eyebrow{align-items:center;gap:8px;margin-bottom:22px;display:flex}.hero h1{letter-spacing:-5px;max-width:780px;margin:0;font-size:clamp(56px,7.3vw,104px);font-weight:700;line-height:.9}.hero h1 em{color:var(--lime);font-family:Playfair Display,Georgia,serif;font-weight:600}.hero>p{color:#aeb3b2;max-width:590px;margin:30px 0 24px;font-size:16px;line-height:1.75}.hero-link{border-bottom:1px solid var(--cream);align-items:center;gap:12px;padding:6px 0;font-size:13px;font-weight:700;display:inline-flex}.hero-orbit{width:260px;height:260px;color:var(--lime);border:1px solid #2e3439;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #242a2f;border-radius:50%;position:absolute}.hero-orbit:before{width:180px;height:180px}.hero-orbit:after{width:100px;height:100px}.hero-orbit svg{width:34px;height:34px}.hero-orbit span{background:var(--coral);border-radius:50%;width:12px;height:12px;position:absolute;top:22px;right:50px}.hero-orbit span:nth-child(2){background:var(--lime);width:8px;height:8px;top:auto;bottom:42px;left:30px}.builder-section,.how-section{padding:92px clamp(22px,8vw,124px)}.section-heading{max-width:650px;margin-bottom:46px}.section-heading h2{letter-spacing:-2.5px;margin:13px 0;font-size:clamp(35px,4vw,56px);line-height:1.05}.section-heading p{color:var(--muted);margin:0;line-height:1.6}.builder-grid{border:1px solid var(--line);grid-template-columns:minmax(260px,.7fr) minmax(480px,1.35fr);max-width:1180px;display:grid}.type-panel{border-right:1px solid var(--line);background:#0c1015;padding:25px}.panel-label{color:#6f7779;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 14px;font-family:DM Mono,monospace;font-size:10px}.type-list{flex-direction:column;gap:5px;display:flex}.type-button{color:#d4d6d3;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;grid-template-columns:35px 1fr 20px;align-items:center;gap:11px;width:100%;min-height:73px;padding:11px;display:grid}.type-button:hover{background:#14191f}.type-button.active{background:var(--lime);color:#111}.type-icon{border:1px solid #343b42;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.type-button.active .type-icon{color:var(--lime);background:#111;border-color:#111}.type-button strong{margin-bottom:3px;font-size:13px;display:block}.type-button small{color:#7f8789;font-size:10px;line-height:1.4;display:block}.type-button.active small{color:#42463b}.type-arrow{opacity:0}.type-button.active .type-arrow{opacity:1}.aside-note{border-top:1px solid var(--line);color:#777f80;align-items:flex-start;gap:10px;margin-top:26px;padding:18px 5px 0;display:flex}.aside-note svg{color:var(--lime);flex:none}.aside-note p{margin:0;font-size:10px;line-height:1.6}.aside-note strong{color:#c3c7c5;font-size:11px;display:block}.form-panel{background:var(--surface);padding:clamp(24px,4vw,48px)}.form-topline,.result-header{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.form-topline>div,.result-header>div:first-child{align-items:center;gap:13px;display:flex}.form-topline p,.result-header p{margin:0;font-size:14px;font-weight:700}.step-number{color:var(--lime);border:1px solid #3f4631;border-radius:50%;padding:5px;font-family:DM Mono,monospace;font-size:11px}.selection-badge{color:var(--lime);text-transform:uppercase;letter-spacing:.8px;background:#d7ff4f17;border:1px solid #d7ff4f33;border-radius:2px;padding:7px 11px;font-family:DM Mono,monospace;font-size:9px}.prompt-tabs{background:#0b1015;border:1px solid #293139;border-radius:4px;grid-template-columns:repeat(3,1fr);gap:5px;margin:-8px 0 30px;padding:5px;display:grid}.prompt-tabs:has(button:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.prompt-tabs button{color:#848c8e;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:45px;font-size:11px;font-weight:700;display:flex}.prompt-tabs button span{font-family:DM Mono,monospace;font-size:9px}.prompt-tabs button:hover{color:var(--cream);background:#141a20}.prompt-tabs button.active{color:#111;background:var(--lime)}.subpanel-heading{border-bottom:1px solid #273039;margin-bottom:24px;padding-bottom:18px}.subpanel-heading h3{letter-spacing:-.4px;margin:0 0 6px;font-size:17px}.subpanel-heading p{color:#747c7e;margin:0;font-size:10px}.image-prompt-options{background:#101923;border:1px solid #29333d;border-radius:5px;max-width:660px;margin:0 auto;padding:24px}.image-prompt-options .field{background:#0c141d;border:1px solid #25303b;border-radius:4px;padding:15px}.flow-copy-card{text-align:center;background:#101923;border:1px solid #2b3742;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;padding:40px 28px;display:flex}.flow-copy-icon{color:#111;background:var(--lime);border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:16px;display:grid}.flow-copy-card h3{letter-spacing:-1px;margin:0 0 8px;font-size:24px}.flow-copy-card>p{color:#8b9498;margin:0 0 25px;font-size:11px}.flow-copy-card .generate-button{max-width:505px}.dynamic-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;display:grid}.field{min-width:0;margin-bottom:22px;position:relative}.field label{justify-content:space-between;margin-bottom:9px;font-size:11px;font-weight:700;display:flex}.field label span{color:#60686b;text-transform:uppercase;letter-spacing:1px;font-family:DM Mono,monospace;font-size:8px}.field input,.field textarea,.field select{width:100%;color:var(--cream);background:#0c1116;border:1px solid #303841;border-radius:3px;outline:none;transition:border .2s,box-shadow .2s}.field input,.field select{height:48px;padding:0 14px}.field textarea{resize:vertical;min-height:106px;padding:14px;line-height:1.55}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--lime);box-shadow:0 0 0 3px #d7ff4f14}.field input::placeholder,.field textarea::placeholder{color:#555d60}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.select-wrap{position:relative}.select-wrap select{appearance:none;cursor:pointer;padding-right:40px}.select-wrap svg{pointer-events:none;color:#788082;position:absolute;top:16px;right:14px}.field .custom-value-input{background:#101820;border-style:dashed;margin-top:9px}.character-count{color:#555d60;background:#0c1116;padding:2px 5px;font-family:DM Mono,monospace;font-size:8px;position:absolute;bottom:10px;right:11px}.info-note{color:#9eb3c2;background:#0d1c27;border:1px solid #254055;border-radius:3px;align-items:flex-start;gap:10px;margin:0 0 18px;padding:13px 14px;display:flex}.info-note svg{color:#50bff7;flex:none;margin-top:1px}.info-note p{margin:0;font-size:10px;line-height:1.6}.generate-button{background:var(--lime);color:#111;border:0;border-radius:3px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-size:13px;font-weight:800;transition:transform .2s,filter .2s;display:flex;box-shadow:inset 0 0 0 1px #ffffff40}.generate-button svg:last-child{margin-left:4px}.generate-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.privacy-note{color:#687072;justify-content:center;align-items:center;gap:6px;margin:11px 0 0;font-size:9px;display:flex}.privacy-note svg{color:var(--lime)}.result-panel{background:#0b0f13;border:1px dashed #2a3137;border-top:0;max-width:1180px;padding:clamp(24px,4vw,42px)}.result-panel.is-visible{border-style:solid;border-color:#38422a}.result-header{margin-bottom:18px}.result-actions{gap:8px;display:flex}.result-actions button{color:#b9bdbc;background:#13191f;border:1px solid #353d44;border-radius:3px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.result-actions .copy-button{background:var(--cream);color:#101216;border-color:var(--cream);font-weight:800}.result-actions button:disabled{cursor:not-allowed;opacity:.35}.result-panel pre{white-space:pre-wrap;word-wrap:break-word;border-left:2px solid var(--lime);color:#d9ddd9;background:#11171c;outline:none;max-height:530px;margin:0;padding:25px;font-family:DM Mono,monospace;font-size:14px;line-height:1.75;overflow:auto}.empty-result{color:#555d60;border:1px dashed #2a3137;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:120px;font-size:11px;display:flex}.how-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading.compact{justify-content:space-between;align-items:flex-end;max-width:none;display:flex}.section-heading.compact h2{max-width:520px;margin-bottom:0}.how-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:1180px;display:grid}.how-grid article{border-right:1px solid var(--line);min-height:180px;padding:30px 40px 20px 0}.how-grid article:not(:first-child){padding-left:40px}.how-grid article:last-child{border-right:0}.how-grid b{color:var(--coral);font-family:DM Mono,monospace;font-size:10px}.how-grid h3{margin:30px 0 9px;font-size:17px}.how-grid p{color:var(--muted);max-width:260px;font-size:12px;line-height:1.65}.tips-section{background:#d7ff4f09;border:1px solid #343c26;align-items:flex-start;gap:18px;max-width:1180px;margin:60px clamp(22px,8vw,124px);padding:26px 30px;display:flex}.tips-section>svg{color:var(--lime);flex:none}.tips-section p{color:#aeb3b2;margin:7px 0 0;font-size:13px;line-height:1.6}footer{border-top:1px solid var(--line);color:#747c7d;align-items:center;gap:40px;min-height:100px;padding:30px clamp(22px,5vw,78px);font-size:10px;display:flex}.footer-brand{color:var(--cream);margin-right:auto;font-size:16px}.footer-brand .brand-mark{width:27px;height:27px}.whatsapp-button{z-index:30;color:#07150c;background:#20d66b;border-radius:999px;padding:13px 18px;font-size:11px;font-weight:800;transition:transform .2s,filter .2s;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 35px #00000059}.whatsapp-button:hover{filter:brightness(1.08);transform:translateY(-2px)}@media (width<=980px){.user-status{margin-left:auto}.header-nav{display:none}.hero-orbit{opacity:.5;right:-50px}.hero h1{max-width:660px}.builder-grid{grid-template-columns:1fr}.type-panel{border-right:0;border-bottom:1px solid var(--line)}.type-list{grid-template-columns:repeat(5,1fr);display:grid}.type-button{flex-direction:column;align-items:flex-start;min-height:108px;display:flex}.type-button small,.type-arrow,.aside-note{display:none}}@media (width<=680px){.site-header{height:66px}.header-nav{border-bottom:1px solid var(--line);background:#0d1116;flex-direction:column;align-items:flex-start;gap:20px;padding:25px;display:none;position:absolute;top:65px;left:0;right:0}.header-nav.is-open{display:flex}.header-cta,.user-status,.logout-button{display:none}.menu-button{margin-left:auto;display:block}.hero{min-height:500px;padding-top:65px}.hero h1{letter-spacing:-3.5px;font-size:clamp(51px,16vw,72px)}.hero>p{max-width:90%;font-size:14px}.hero-orbit{width:190px;height:190px;top:29%;right:-95px}.hero-orbit:before{width:130px;height:130px}.hero-orbit:after{width:70px;height:70px}.builder-section,.how-section{padding-top:68px;padding-bottom:68px}.section-heading{margin-bottom:32px}.section-heading h2{letter-spacing:-2px;font-size:39px}.type-panel{padding:13px;overflow-x:auto}.panel-label{margin:4px 4px 10px}.type-list{flex-direction:row;min-width:max-content;display:flex}.type-button{justify-content:space-between;width:90px;min-height:86px;padding:8px}.type-icon{width:30px;height:30px}.type-button strong{font-size:10px}.form-panel{padding:24px 17px}.form-topline{align-items:flex-start;margin-bottom:28px}.form-row{grid-template-columns:1fr;gap:0}.dynamic-fields{grid-template-columns:1fr}.prompt-tabs button{gap:5px;padding:0 6px;font-size:10px}.image-prompt-options{padding:17px}.flow-copy-card{min-height:230px;padding:30px 18px}.field{margin-bottom:18px}.field input,.field select{height:50px}.result-header{flex-direction:column;align-items:flex-start;gap:18px}.result-actions{width:100%}.result-actions button{flex:1;justify-content:center}.result-panel pre{padding:17px;font-size:13px;line-height:1.7}.section-heading.compact{display:block}.how-grid{grid-template-columns:1fr}.how-grid article,.how-grid article:not(:first-child){border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:25px 0}.how-grid article:last-child{border-bottom:0}.how-grid h3{margin-top:14px}.tips-section{padding:22px}footer{flex-wrap:wrap;gap:14px 25px}footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}.spin{animation-duration:1.5s!important}}