.lovable-guide{--lg-bg:#0d0d0e;--lg-bg-soft:#161618;--lg-bg-deep:#1c1c1f;--lg-fg:#fafaf9;--lg-fg-soft:#a1a1aa;--lg-muted:#71717a;--lg-border:#27272a;--lg-border-strong:#3f3f46;--lg-mint:#00a86b;--lg-mint-bright:#00c77e;--lg-ocean:#014751;--lg-signal:#ff5c2a;--lg-font-display:var(--font-poppins), system-ui, sans-serif;--lg-font-body:var(--font-dm-sans), system-ui, sans-serif;--lg-font-mono:var(--font-jetbrains-mono), ui-monospace, monospace;--lg-ease:cubic-bezier(.16, 1, .3, 1);background:var(--lg-bg);width:100%;min-height:100dvh;color:var(--lg-fg);font-family:var(--lg-font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}.lovable-guide *{box-sizing:border-box;margin:0;padding:0}.lovable-guide ::selection{color:var(--lg-fg);background:#00a86b4d}.lovable-guide .wrap{max-width:1120px;margin:0 auto;padding:0 22px}@media (min-width:1024px){.lovable-guide .wrap{padding:0 48px}}.lovable-guide section{border-bottom:1px solid var(--lg-border);padding:68px 0}@media (min-width:1024px){.lovable-guide section{padding:100px 0}}.lovable-guide h1,.lovable-guide h2,.lovable-guide h3,.lovable-guide h4{font-family:var(--lg-font-display);letter-spacing:-.02em;font-weight:700;line-height:1.12}.lovable-guide .eyebrow{font-family:var(--lg-font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--lg-mint);align-items:center;gap:8px;margin-bottom:18px;font-size:11px;font-weight:500;display:inline-flex}.lovable-guide .eyebrow .num{color:var(--lg-muted)}.lovable-guide h2{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:700}.lovable-guide h3{font-size:1.3rem;font-weight:600}.lovable-guide .lead{color:var(--lg-fg-soft);max-width:56ch;font-size:1.12rem}.lovable-guide p{max-width:60ch;color:var(--lg-fg-soft)}.lovable-guide strong{color:var(--lg-fg);font-weight:600}.lovable-guide .mint{color:var(--lg-mint)}.lovable-guide a{color:var(--lg-mint);text-decoration:none}.lovable-guide a:hover{color:var(--lg-mint-bright)}.lovable-guide .sec-head{max-width:60ch;margin-bottom:40px}.lovable-guide .sec-head p{margin-top:12px}.lovable-guide .term{color:var(--lg-fg);border-bottom:1.5px dotted var(--lg-mint);cursor:help;white-space:nowrap;outline:none;font-weight:600;position:relative}.lovable-guide .term sup{font-family:var(--lg-font-mono);color:var(--lg-mint);vertical-align:super;margin-left:1px;font-size:.6em;font-weight:700}.lovable-guide .term .tip{background:var(--lg-bg-deep);border:1px solid var(--lg-mint);width:max-content;max-width:min(270px,78vw);font-family:var(--lg-font-body);color:var(--lg-fg-soft);white-space:normal;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--lg-ease), transform .2s var(--lg-ease);z-index:60;border-radius:12px;padding:12px 15px;font-size:.82rem;font-weight:400;line-height:1.5;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 12px 40px #0009,0 0 0 4px #00a86b12}.lovable-guide .term .tip:after{content:"";border:7px solid #0000;border-top-color:var(--lg-mint);position:absolute;top:100%;left:50%;transform:translate(-50%)}.lovable-guide .term .tip b{color:var(--lg-mint);font-weight:600}.lovable-guide .term:hover .tip,.lovable-guide .term:focus .tip,.lovable-guide .term:focus-within .tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.lovable-guide .hero{border-bottom:1px solid var(--lg-border);padding:90px 0 80px;position:relative;overflow:hidden}.lovable-guide .hero-glow{filter:blur(120px);pointer-events:none;z-index:0;background:radial-gradient(circle,#00a86b2e 0%,#0000 65%);width:660px;max-width:100vw;height:460px;animation:5s ease-in-out infinite lg-glow-pulse;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.lovable-guide .hero .wrap{z-index:1;position:relative}.lovable-guide .hero h1{letter-spacing:-.03em;max-width:17ch;margin-bottom:22px;font-size:clamp(2.6rem,7vw,4.5rem);font-weight:700}.lovable-guide .hero h1 .accent{color:var(--lg-mint)}.lovable-guide .hero .lead{max-width:52ch;font-size:1.22rem}.lovable-guide .badge{color:var(--lg-mint);font-size:.78rem;font-weight:600;font-family:var(--lg-font-mono);letter-spacing:.04em;background:#00a86b1a;border:1px solid #00a86b33;border-radius:9999px;align-items:center;gap:9px;margin-bottom:26px;padding:8px 18px;display:inline-flex}.lovable-guide .badge .pulse{background:var(--lg-mint);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite lg-pulse-dot}.lovable-guide .grid{gap:18px;display:grid}.lovable-guide .g2,.lovable-guide .g3,.lovable-guide .g4{grid-template-columns:1fr}@media (min-width:680px){.lovable-guide .g2,.lovable-guide .g4{grid-template-columns:1fr 1fr}}@media (min-width:980px){.lovable-guide .g3{grid-template-columns:repeat(3,1fr)}.lovable-guide .g4{grid-template-columns:repeat(4,1fr)}}.lovable-guide .card{background:var(--lg-bg-soft);border:1px solid var(--lg-border);transition:border-color .25s var(--lg-ease);border-radius:22px;min-width:0;padding:26px}.lovable-guide .card:hover{border-color:var(--lg-border-strong)}.lovable-guide .card .k{font-family:var(--lg-font-mono);color:var(--lg-mint);margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.lovable-guide .card h3{margin-bottom:8px}.lovable-guide .card p{font-size:.94rem}.lovable-guide .mock{border:1px solid var(--lg-border-strong);background:#0a0a0b;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #00000073}.lovable-guide .chrome{background:var(--lg-bg-soft);border-bottom:1px solid var(--lg-border);align-items:center;gap:8px;padding:11px 15px;display:flex}.lovable-guide .chrome .dots{gap:6px;display:flex}.lovable-guide .chrome .dots i{background:var(--lg-border-strong);border-radius:50%;width:11px;height:11px;display:block}.lovable-guide .chrome .url{background:var(--lg-bg-deep);font-family:var(--lg-font-mono);color:var(--lg-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:1;align-items:center;gap:7px;margin-left:8px;padding:5px 12px;font-size:.72rem;display:flex;overflow:hidden}.lovable-guide .chrome .url .lock{color:var(--lg-mint)}.lovable-guide .editor{grid-template-columns:1fr;display:grid}@media (min-width:760px){.lovable-guide .editor{grid-template-columns:.9fr 1.1fr}}.lovable-guide .editor .pane-chat{border-bottom:1px solid var(--lg-border);background:var(--lg-bg);padding:18px}@media (min-width:760px){.lovable-guide .editor .pane-chat{border-bottom:none;border-right:1px solid var(--lg-border)}}.lovable-guide .editor .pane-prev{background:var(--lg-bg-deep);padding:0;position:relative}.lovable-guide .chat-tag{font-family:var(--lg-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lg-muted);margin-bottom:12px;font-size:.62rem}.lovable-guide .msg{border-radius:14px;max-width:100%;margin-bottom:11px;padding:11px 14px;font-size:.86rem;line-height:1.5}.lovable-guide .msg.you{background:var(--lg-mint);color:#06241a;border-bottom-right-radius:5px;margin-left:18px;font-weight:500}.lovable-guide .msg.ai{background:var(--lg-bg-deep);border:1px solid var(--lg-border);color:var(--lg-fg-soft);border-bottom-left-radius:5px;margin-right:14px}.lovable-guide .msg.ai b{color:var(--lg-mint)}.lovable-guide .chat-input{background:var(--lg-bg-deep);border:1px solid var(--lg-border-strong);border-radius:12px;align-items:center;gap:8px;margin-top:14px;padding:9px 10px 9px 14px;display:flex}.lovable-guide .chat-input .ph{color:var(--lg-muted);flex:1;font-size:.82rem}.lovable-guide .chat-input .send{background:var(--lg-mint);color:#06241a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.lovable-guide .appui{flex-direction:column;min-height:220px;padding:22px 20px;display:flex}.lovable-guide .appui .nav{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.lovable-guide .appui .brand{font-family:var(--lg-font-display);color:var(--lg-fg);font-size:.95rem;font-weight:700}.lovable-guide .appui .navx{gap:12px;display:flex}.lovable-guide .appui .navx span{background:var(--lg-border-strong);border-radius:4px;width:34px;height:7px}.lovable-guide .appui .h{font-family:var(--lg-font-display);color:var(--lg-fg);margin-bottom:10px;font-size:1.45rem;font-weight:700;line-height:1.15}.lovable-guide .appui .sub{color:var(--lg-fg-soft);max-width:30ch;margin-bottom:16px;font-size:.82rem}.lovable-guide .appui .cta{background:var(--lg-mint);color:#06241a;border-radius:9999px;align-self:flex-start;padding:9px 18px;font-size:.8rem;font-weight:600}.lovable-guide .appui .cards{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.lovable-guide .appui .pc{background:var(--lg-bg-soft);border:1px solid var(--lg-border);border-radius:12px;padding:12px}.lovable-guide .appui .pc .ph{background:linear-gradient(135deg,#00a86b2e,#0147512e);border-radius:8px;width:100%;height:46px;margin-bottom:9px}.lovable-guide .appui .pc .l1{background:var(--lg-border-strong);border-radius:4px;width:70%;height:7px;margin-bottom:6px}.lovable-guide .appui .pc .l2{background:var(--lg-mint);border-radius:4px;width:40%;height:7px}.lovable-guide .annot{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.lovable-guide .annot .a{color:var(--lg-fg-soft);flex:1;align-items:flex-start;gap:10px;min-width:200px;font-size:.85rem;display:flex}.lovable-guide .annot .a .nb{font-family:var(--lg-font-mono);color:var(--lg-mint);background:#00a86b1a;border:1px solid #00a86b4d;border-radius:7px;flex-shrink:0;padding:3px 8px;font-size:.72rem;font-weight:700}.lovable-guide .annot .a b{color:var(--lg-fg)}.lovable-guide .mock-cap{font-family:var(--lg-font-mono);color:var(--lg-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:.72rem;display:flex}.lovable-guide .mock-cap .ln{background:var(--lg-border);flex:1;height:1px}.lovable-guide .sel-box{position:relative}.lovable-guide .sel-frame{border:2px solid var(--lg-mint);pointer-events:none;border-radius:8px;position:absolute;inset:-4px}.lovable-guide .sel-frame:before{content:"Texto";background:var(--lg-mint);color:#06241a;font-family:var(--lg-font-mono);border-radius:5px 5px 5px 0;padding:2px 7px;font-size:.62rem;font-weight:700;position:absolute;top:-22px;left:-2px}.lovable-guide .vedit-panel{background:var(--lg-bg-deep);border:1px solid var(--lg-border);border-radius:12px;padding:14px;font-size:.8rem}.lovable-guide .vedit-panel .row{border-bottom:1px solid var(--lg-border);justify-content:space-between;align-items:center;padding:7px 0;display:flex}.lovable-guide .vedit-panel .row:last-child{border-bottom:none}.lovable-guide .vedit-panel .row span{color:var(--lg-muted);font-family:var(--lg-font-mono);font-size:.7rem}.lovable-guide .vedit-panel .row .v{color:var(--lg-fg);font-weight:500}.lovable-guide .vedit-panel .swatch{background:var(--lg-mint);vertical-align:middle;border-radius:4px;width:16px;height:16px;margin-right:6px;display:inline-block}.lovable-guide .steps{gap:16px;display:grid}.lovable-guide .step{background:var(--lg-bg-soft);border:1px solid var(--lg-border);transition:border-color .25s var(--lg-ease);border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:20px;padding:22px 24px;display:grid}.lovable-guide .step:hover{border-color:var(--lg-border-strong)}.lovable-guide .step .n{font-family:var(--lg-font-mono);color:var(--lg-mint);background:#00a86b14;border:1px solid #00a86b4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.lovable-guide .step h3{margin-bottom:5px;font-size:1.1rem}.lovable-guide .step p{margin:0;font-size:.93rem}.lovable-guide .pills{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.lovable-guide .pill{font-family:var(--lg-font-mono);background:var(--lg-bg-deep);border:1px solid var(--lg-border);color:var(--lg-fg-soft);border-radius:9999px;padding:7px 14px;font-size:.74rem}.lovable-guide .pill.on{color:var(--lg-mint);background:#00a86b12;border-color:#00a86b59}.lovable-guide .dns{gap:11px;display:grid}@media (min-width:680px){.lovable-guide .dns{grid-template-columns:repeat(3,1fr)}}.lovable-guide .dns .rec{background:var(--lg-bg-deep);border:1px solid var(--lg-border);border-radius:13px;padding:15px 16px}.lovable-guide .dns .rec .t{font-family:var(--lg-font-mono);color:var(--lg-mint);align-items:center;gap:7px;font-size:.9rem;font-weight:600;display:flex}.lovable-guide .dns .rec .d{color:var(--lg-fg-soft);margin-top:8px;font-size:.82rem;line-height:1.5}.lovable-guide .field{background:var(--lg-bg);border:1px solid var(--lg-border-strong);border-radius:11px;align-items:center;gap:8px;padding:11px 14px;display:flex}.lovable-guide .field .txt{font-family:var(--lg-font-mono);color:var(--lg-fg);flex:1;font-size:.82rem}.lovable-guide .field .txt .cursor{color:var(--lg-mint);animation:1s step-end infinite lg-blink}.lovable-guide .field .btn{background:var(--lg-mint);color:#06241a;border-radius:8px;padding:7px 15px;font-size:.78rem;font-weight:600}.lovable-guide .note{border:1px solid var(--lg-border);background:linear-gradient(#0147511f,#0147510a);border-radius:16px;align-items:flex-start;gap:14px;padding:18px 22px;display:flex}.lovable-guide .note .ic{font-family:var(--lg-font-mono);color:var(--lg-mint);border:1px solid #00a86b4d;border-radius:7px;flex-shrink:0;padding:3px 8px;font-size:.82rem;font-weight:700}.lovable-guide .note p{margin:0;font-size:.88rem}.lovable-guide .timeline{padding-left:26px;position:relative}.lovable-guide .timeline:before{content:"";background:var(--lg-border);width:1px;position:absolute;top:6px;bottom:6px;left:7px}.lovable-guide .tl-item{padding-bottom:26px;position:relative}.lovable-guide .tl-item:last-child{padding-bottom:0}.lovable-guide .tl-item:before{content:"";background:var(--lg-bg);border:2px solid var(--lg-mint);border-radius:50%;width:11px;height:11px;position:absolute;top:5px;left:-23px}.lovable-guide .tl-item.dim:before{border-color:var(--lg-border-strong)}.lovable-guide .tl-date{font-family:var(--lg-font-mono);color:var(--lg-mint);letter-spacing:.07em;text-transform:uppercase;font-size:.7rem}.lovable-guide .tl-item.dim .tl-date{color:var(--lg-muted)}.lovable-guide .tl-item h4{font-size:1rem;font-family:var(--lg-font-display);margin:4px 0 3px;font-weight:600}.lovable-guide .tl-item p{margin:0;font-size:.88rem}.lovable-guide .table-wrap{border:1px solid var(--lg-border);background:var(--lg-bg-soft);border-radius:18px;overflow-x:auto}.lovable-guide table{border-collapse:collapse;width:100%;min-width:540px;font-size:.9rem}.lovable-guide th,.lovable-guide td{text-align:left;border-bottom:1px solid var(--lg-border);padding:15px 18px}.lovable-guide th{font-family:var(--lg-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--lg-muted);font-size:.7rem;font-weight:500}.lovable-guide td{color:var(--lg-fg-soft)}.lovable-guide td strong{color:var(--lg-fg)}.lovable-guide tr:last-child td{border-bottom:none}.lovable-guide td .tag{font-family:var(--lg-font-mono);color:var(--lg-mint);font-size:.68rem}.lovable-guide .cta-band{border-bottom:1px solid var(--lg-border);position:relative;overflow:hidden}.lovable-guide .cta-band .glow{filter:blur(110px);pointer-events:none;z-index:0;background:radial-gradient(circle,#00a86b29 0%,#0000 65%);width:620px;max-width:100vw;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lovable-guide .cta-band .wrap{z-index:1;text-align:center;position:relative}.lovable-guide .cta-band .eyebrow{justify-content:center}.lovable-guide .cta-band h2{max-width:18ch;margin:0 auto 16px}.lovable-guide .cta-band p{margin:0 auto 30px}.lovable-guide .cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.lovable-guide .btn-primary{background:var(--lg-mint);color:#06241a;transition:transform .2s var(--lg-ease), box-shadow .2s var(--lg-ease);border-radius:9999px;align-items:center;gap:9px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.lovable-guide .btn-primary:hover{color:#06241a;transform:scale(1.03);box-shadow:0 8px 32px #00a86b4d}.lovable-guide .btn-primary:active{transform:scale(.98)}.lovable-guide .btn-ghost{border:1px solid var(--lg-border-strong);color:var(--lg-fg);transition:border-color .2s var(--lg-ease), transform .2s var(--lg-ease);border-radius:9999px;align-items:center;gap:9px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.lovable-guide .btn-ghost:hover{color:var(--lg-fg);border-color:var(--lg-mint);transform:scale(1.03)}.lovable-guide .btn-ghost:active{transform:scale(.98)}.lovable-guide .guide-footer{border-bottom:none;padding:52px 0}.lovable-guide .foot{flex-direction:column;align-items:flex-start;gap:16px;display:flex}@media (min-width:680px){.lovable-guide .foot{flex-direction:row;justify-content:space-between;align-items:center}}.lovable-guide .logo{font-family:var(--lg-font-display);letter-spacing:-.02em;align-items:center;gap:9px;font-size:1.02rem;font-weight:700;display:flex}.lovable-guide .logo .dot{background:var(--lg-mint);border-radius:50%;width:9px;height:9px;box-shadow:0 0 14px #00a86bb3}.lovable-guide .logo .sub{color:var(--lg-muted);font-weight:400}.lovable-guide .foot .src{font-family:var(--lg-font-mono);color:var(--lg-muted);font-size:.7rem;line-height:1.8}.lovable-guide .foot .src a{color:var(--lg-fg-soft)}@keyframes lg-glow-pulse{0%,to{opacity:.4;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.05)}}@keyframes lg-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.92)}}@keyframes lg-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.lovable-guide *,.lovable-guide :before,.lovable-guide :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}