@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--bg-page: #ffffff;--bg-form: #ffffff;--bg-input: #f8fafc;--text-main: #1e293b;--border-color: #090909;--textarea-border: #b8b8b8;--moon-color: #0f0f0f;--time-color: #888;--input-border: rgba(0, 0, 0, .08)}body.dark{--bg-page: #000000;--bg-form: #ffffff;--bg-input: #09090b;--border-color: #ffffff;--time-color: #666;--text-main: #ffffff;--sun-color: #f1f1f1;--textarea-border: #b8b8b8;--input-border: rgba(255, 255, 255, .08)}body{display:flex;justify-content:center;align-items:center;min-height:100%;background:var(--bg-page);font-family:DM Sans,sans-serif;padding-bottom:80px;overflow-x:auto;overflow-y:auto}input,textarea,select,button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container-tittle{position:fixed;top:20px;left:100px;display:flex;color:var(--text-main);background-color:transparent;width:56px;height:56px;place-items:center;cursor:pointer;line-height:1;font-size:24px;font-weight:700}.container-btn{font-size:18px;color:var(--text-main);font-family:inherit;font-weight:800;cursor:pointer;position:fixed;top:45px;right:150px;border:none;background:none;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:color}.btn-ajuda{right:280px}.container-btn:focus,.container-btn:hover{color:var(--text-main)}.container-btn:hover{border:1px solid var(--bg-input)}.container-btn:after{content:"";pointer-events:none;bottom:-2px;left:40%;position:absolute;height:2px;background-color:var(--text-main);transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-duration:.4s;transition-property:width,left}.btn-icon{display:none;color:var(--text-main)}.btn-icon-desktop{display:inline;color:var(--text-main);vertical-align:middle;margin-right:4px}.btn-icon-desktop svg,.btn-icon-desktop{display:inline;vertical-align:middle}.btn-label{display:none}.icon{top:20px;position:absolute;grid-column:1 / 1;grid-row:1 / 1;transition:transform .5s;line-height:.1}.icon--moon{position:relative;transition-delay:.2s;background-color:transparent;color:var(--moon-color)}.icon--sun{position:relative;transform:scale(0);background-color:transparent;color:var(--sun-color)}.toggle.is-dark .icon--moon{transform:rotate(360deg) scale(0)}.toggle.is-dark .icon--sun{transition-delay:.2s;transform:scale(1) rotate(360deg)}.app-nav{position:fixed;top:20px;right:100px;display:flex;align-items:center;gap:20px;z-index:1000}.mobile-nav{display:none}.mobile-nav .toggle{display:flex;flex-direction:column;align-items:center;cursor:pointer;position:static}.mobile-nav .toggle svg{display:block;color:var(--text-main)}.modern-form{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: rgba(59, 130, 246, .1);--text-secondary: #64748b;width:520px;min-height:400px;display:flex;flex-direction:column;padding:24px;background:var(--bg-input);border-radius:16px;position:relative;top:4vh;z-index:10;box-shadow:#64646f33 0 7px 29px}.form-body{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.input-wrapper:has(textarea) .input-icon{top:12px;align-self:flex-start;position:absolute}.input-group:has(textarea){grid-column:1 / -1}.input-group.full-width{grid-column:1 / -1}.form-title{font-size:22px;font-weight:600;color:var(--text-main);margin:0 0 24px;text-align:left;letter-spacing:-.01em}.form-title:after{content:"";display:block;width:40px;height:4px;margin-top:8px;border-radius:2px;background:#023588}#preview-toggle{right:12px;align-items:end;position:absolute;display:inline-flex;background:transparent;border:0px;padding:8px;cursor:pointer;color:var(--text-main);opacity:.55;transition:color .2s,opacity .2s,background .2s}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.form-input{height:40px;width:100%;box-sizing:border-box;padding:0 36px;font-size:14px;border:var(--input-border);border-radius:10px;background:var(--bg-input);color:var(--text-main);transition:all .2s ease}.form-input::placeholder{color:var(--text-secondary)}textarea.form-input{height:80px;border:1px solid var(--input-border);resize:vertical;padding-top:10px;padding-bottom:10px}.step1,.step2,.step3{display:none;flex:1}.step1.active,.step2.active,.step3.active{display:flex;flex-direction:column}.form-body--single{grid-template-columns:1fr}.ai-btn-overlay{position:absolute;top:8px;right:8px}select.form-input{width:100%;box-sizing:border-box}.input-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-secondary);pointer-events:none}.form-input:hover{border-color:#cbd5e1}.form-input:focus{outline:none;border-color:var(--primary);background:var(--bg-input);box-shadow:0 0 0 4px var(--primary-light)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.form-input:not(:placeholder-shown):invalid{border-color:#ef4444;animation:shake .2s ease-in-out}.form-input:not(:placeholder-shown):invalid~.input-icon{color:#ef4444}.step1,.step2,.step3{display:none}.step1.active,.step2.active,.step3.active{display:block}.step-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px}#orientador,.step2 .input-group,.step3 .input-group{margin-bottom:0}.btn-prev,.btn-next{height:40px;padding:0 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-prev{background:var(--bg-form);color:var(--text-main)}.btn-prev:hover{transform:translateY(-1px)}.btn-next{background:#000;color:#fff;margin-left:auto}.btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-prev:active,.btn-next:active{transform:translateY(0);box-shadow:none}.submit-button{position:relative;height:40px;width:100%;margin-top:8px;background:#000;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;overflow:hidden;transition:all .2s ease}.submit-button:hover{transform:translateY(-1px)}.submit-button:active{transform:translateY(0);box-shadow:none}.button-glow{position:absolute;inset:0;background:linear-gradient(135deg,#9b59b6,#71b7e6);transform:translate(-100%);transition:transform .5s ease}.submit-wrapper{display:flex;width:100%;background-color:transparent;margin-top:8px;border-radius:10px;overflow:hidden;gap:0}.submit-wrapper .submit-button{margin-top:0;border-radius:0}.submit-wrapper .submit-main{flex:1;border-radius:10px 0 0 10px}.submit-wrapper .submit-arrow{width:44px;flex-shrink:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--input-border);border-radius:0 10px 10px 0;background:transparent}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.modal-open{opacity:1;pointer-events:all}.modal-box{background:var(--bg-form);color:var(--text-main);border-radius:16px;padding:32px;width:100%;max-width:420px;position:relative;box-shadow:0 20px 60px #0003}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-main);line-height:1}.modal-title{font-size:20px;font-weight:700;margin:0 0 24px;display:flex;flex-direction:column;gap:4px}.modal-subtitle{font-size:12px;font-weight:400;color:var(--time-color)}.modal-section{margin-bottom:20px}.modal-section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--time-color);margin:0 0 10px}.modal-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.modal-list li{display:flex;justify-content:space-between;font-size:14px}.modal-list li span:last-child{font-weight:600}.preview{width:30%;height:50%;border-radius:12px;border:1px solid #3a3a3a;overflow:hidden;background:var(--bg-form)}.footer{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center}@media(max-width:770px){.desktop-only,.container-tittle{display:none}body{align-items:center;justify-content:center;padding:16px 16px 100px;box-sizing:border-box;min-height:100vh}.modern-form{width:100%;height:auto;box-sizing:border-box;top:0;margin:0;display:flex;flex-direction:column;padding:20px}.form-input{width:100%}.footer{display:none;visibility:hidden}.mobile-nav{display:flex;justify-content:center;align-items:center;gap:48px;position:fixed;bottom:16px;left:0;right:0}.mobile-nav .container-btn{position:sticky;display:flex;flex-direction:column;align-items:center;background:none;color:var(--text-main);top:unset;right:unset}.mobile-nav .btn-icon{display:block;color:var(--text-main);width:24px;height:24px}.mobile-nav .btn-label{display:block;font-size:10px;font-weight:400;text-transform:lowercase;color:var(--time-color);margin-top:2px}.mobile-nav .toggle{position:relative;width:24px;height:24px;display:flex;flex-direction:column;align-items:center}.mobile-nav .icon{top:-4px;left:9.5vh;right:0;width:24px;grid-column:unset;grid-row:unset;line-height:1}.mobile-nav .toggle .btn-label{position:absolute;top:28px;white-space:nowrap;font-size:10px;color:var(--time-color)}.preview{width:99%;height:66%;border-radius:12px;border:1px solid #3a3a3a;overflow:hidden;background:var(--bg-form)}}:root{--bg-page: #ffffff;--bg-form: #dddddd;--bg-input: #f8fafc;--text-main: #1e293b;--border-color: #090909;--moon-color: #0f0f0f;--border: rgba(0, 0, 0, .705);--modal-bg: #e8e8e8;--modal-header-border: rgba(0, 0, 0, .1);--item-hover: rgba(0, 0, 0, .05);--time-color: #888;--domain-color: #999;--title-color: #222;--check-border: #aaa;--connector-color: #bbb;--menu-color: #aaa}body.dark{--bg-page: #000000;--bg-form: #09090a;--bg-input: #09090b;--border-color: #ffffff;--text-main: #ffffff;--btn-secondary-bg: #1f2937;--btn-secondary-text: #cbd5e1;--sun-color: #f1f1f1;--border: rgba(153, 153, 153, .356);--modal-bg: #242428;--modal-header-border: rgba(255, 255, 255, .06);--item-hover: rgba(255, 255, 255, .045);--time-color: #666;--domain-color: #5a5a5e;--title-color: #d8d8da;--check-border: #555;--connector-color: #444;--menu-color: #666}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{margin:0;background:var(--bg-page);font-family:DM Sans,sans-serif;font-weight:100;transition:background .3s}.container{position:fixed;top:20px;right:100px}.container-tittle{position:fixed;top:20px;left:100px;display:flex;color:var(--text-main);background-color:transparent;width:56px;height:56px;place-items:center;cursor:pointer;line-height:1;font-size:24px;font-weight:700;text-decoration:none}.toggle{position:relative}.input{display:none}.icon{top:20px;position:absolute;grid-column:1/1;grid-row:1/1;transition:transform .5s;line-height:.1}.icon--moon{transition-delay:.2s;background-color:transparent;color:var(--moon-color)}.icon--sun{transform:scale(0);background-color:transparent;color:var(--sun-color)}#switch:checked+.icon--moon{transform:rotate(360deg) scale(0)}#switch:checked~.icon--sun{transition-delay:.2s;transform:scale(1) rotate(360deg)}.page-content{padding:100px 100px 60px;display:flex;justify-content:center;align-items:center;min-height:100vh}.page-title{font-size:13px;font-weight:600;color:var(--text-main);margin-bottom:20px;letter-spacing:.01em;opacity:.7}.modal{background:var(--modal-bg);border:1px solid var(--border);border-radius:12px;padding:20px 0 10px;width:400px;margin-top:100px;transition:background .3s,border-color .3s}.modal-header{padding:0 20px 14px;border-bottom:1px solid var(--modal-header-border)}.modal-header h2{font-size:13px;font-weight:600;color:var(--text-main);letter-spacing:.01em}.modal-header h2 span{font-weight:300;color:var(--time-color)}.history-list{padding:6px 0}.history-item{display:grid;grid-template-columns:36px 52px 20px 1fr auto;align-items:center;gap:0 6px;padding:6px 20px 12px;cursor:pointer;transition:background .12s}.history-item:hover{background:var(--item-hover)}.history-item:hover .item-menu{opacity:1}.item-time{font-family:monospace;left:-20px;font-size:11px;color:var(--time-color);white-space:nowrap}.item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.item-icon svg{width:16px;height:16px}.item-content{min-width:0;display:flex;align-items:baseline;gap:8px}.item-title{font-size:13px;font-weight:400;color:var(--title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.item-domain{position:relative;left:40px;justify-content:end;font-size:11.5px;color:var(--domain-color);white-space:nowrap;flex-shrink:0;font-weight:300}.item-menu{opacity:0;transition:opacity .12s;padding:4px 2px;border-radius:4px;cursor:pointer;color:var(--menu-color);display:flex;align-items:center}.item-menu:hover{background:var(--item-hover)}.connector{display:grid;grid-template-columns:36px 52px 20px 1fr auto;gap:0 10px;padding:0 14px 0 10px;height:16px;align-items:center}.connector-line{grid-column:3;display:flex;align-items:center;justify-content:center}.connector-line:before{content:"";display:block;width:.1px;height:10px;background:var(--connector-color)}.empty-state{padding:40px 20px;text-align:center;color:var(--time-color);font-size:13px}.footer{position:fixed;bottom:20px;width:100%;display:flex;justify-content:center}.footer-button{background:transparent;border:none;color:var(--time-color);font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;transition:color .2s}.footer-button:hover{color:var(--text-main)}@media(max-width:768px){.container-tittle{left:20px}.container{right:20px}.page-content{padding:100px 16px 80px;align-items:flex-start}.modal{width:100%}.history-item{grid-template-columns:36px 52px 20px 1fr auto auto;gap:0 4px;padding:7px 10px 7px 8px}.item-title{font-size:12px}.item-domain{display:none}.toggle{right:10vh}}@media(max-width:480px){.history-item{grid-template-columns:28px 38px 18px 1fr auto}.item-time{font-size:10px}.modal-header h2{font-size:12px}}