:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: #1a1a35;--text-primary: #f0e6e0;--text-secondary: #b8a9a0;--accent: #c9a87c;--accent-hover: #d4b896;--rose: #a8556e;--rose-light: #c4728a;--success: #4ade80;--error: #f87171;--border: rgba(201, 168, 124, .2);--shadow: 0 8px 30px rgba(0, 0, 0, .3);--radius: 16px;--transition: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0a0a1a,#1a1025,#0f1525);color:var(--text-primary);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;min-height:100vh;line-height:1.6}button{cursor:pointer;font-family:inherit;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.95rem;transition:all var(--transition)}button:hover{transform:translateY(-2px)}input,select,textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:10px;background:#ffffff0d;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c9a87c1a}label{display:block;margin-bottom:.3rem;font-size:.85rem;color:var(--text-secondary);font-weight:500}.topo{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 3rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;background:#0a0a1acc}.logo{font-size:1.4rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}.logo-icon .coracao-1,.logo-icon .coracao-2{position:absolute;font-size:1.5rem;animation:pulse-logo 3s infinite ease-in-out}.logo-icon .coracao-1{color:var(--rose-light);transform:translate(-6px) rotate(-15deg);z-index:1}.logo-icon .coracao-2{color:var(--accent);transform:translate(6px) rotate(15deg);z-index:2;animation-delay:.5s}.logo-icon:after{content:"✨";position:absolute;top:-10px;right:-10px;font-size:.8rem;animation:sparkle 2s infinite ease-in-out}@keyframes pulse-logo{0%,to{filter:drop-shadow(0 0 5px rgba(201,168,124,.4))}50%{filter:drop-shadow(0 0 15px rgba(168,85,110,.7))}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.topo nav{display:flex;gap:.8rem;align-items:center}.topo nav button{background:transparent;color:var(--text-secondary);padding:.5rem 1rem;font-size:.9rem}.topo nav button:hover{color:var(--text-primary);background:#ffffff0d}.topo .botao-topo{background:var(--accent);color:#0a0a1a;font-weight:700}.hero-carrossel{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:0 0 60px 60px}.hero-carrossel-fundo{position:absolute;inset:0;background-size:cover;background-position:center;transition:all 1.5s ease}.hero-carrossel-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a1ad9,#0a0a1a8c 40%,#a8556e40,#0a0a1abf)}.hero-conteudo{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:6rem 3rem;max-width:1200px;width:100%}.hero-texto .etiqueta{display:inline-block;padding:.4rem 1rem;background:#a8556e40;color:var(--rose-light);border-radius:50px;font-size:.75rem;letter-spacing:2px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-texto h1{font-size:3rem;font-weight:400;line-height:1.2;margin-bottom:1rem}.hero-texto h1 strong{color:var(--accent);font-weight:600}.hero-texto p{color:var(--text-primary);font-size:1.1rem;max-width:450px;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.acoes{display:flex;gap:1rem}.botao-principal{background:var(--accent);color:#0a0a1a;font-weight:700;padding:1rem 2rem;box-shadow:0 4px 15px #c9a87c4d}.botao-principal:hover{background:var(--accent-hover);box-shadow:0 8px 30px #c9a87c66}.botao-secundario{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.botao-secundario:hover{background:#ffffff0d}.cartao-compatibilidade{background:#1a1a35d9;border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10}.cartao-compatibilidade .coracao{font-size:3rem;margin-bottom:1rem}.cartao-compatibilidade h2{color:var(--accent);margin-bottom:.5rem}.cartao-compatibilidade p{color:var(--text-secondary);font-size:.9rem}.compatibilidade{margin-top:1.5rem;text-align:center}.compatibilidade span{display:block;color:var(--text-secondary);font-size:.8rem}.compatibilidade strong{font-size:2.5rem;color:var(--rose-light)}.indicadores{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:20}.indicador{width:10px;height:10px;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:all var(--transition)}.indicador.ativo{background:var(--accent);width:30px;border-radius:50px}.etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:3rem;max-width:1200px;margin:0 auto}.etapa{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;transition:all var(--transition)}.etapa:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.etapa span{font-size:2rem;color:var(--accent);font-weight:700;display:block;margin-bottom:.5rem}.etapa h3{margin-bottom:.5rem;color:var(--text-primary)}.etapa p{color:var(--text-secondary);font-size:.9rem}.chamada{text-align:center;padding:4rem 2rem;background:#a8556e0d;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.chamada h2{font-size:2rem;font-weight:400;margin-bottom:.5rem}.chamada p{color:var(--text-secondary);margin-bottom:2rem}footer{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.85rem;opacity:.7}.pagina-formulario{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem}.formulario-cartao{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:500px;box-shadow:var(--shadow)}.formulario-cartao .coracao{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.formulario-cartao h1{text-align:center;font-weight:400;margin-bottom:.5rem}.formulario-cartao>p{text-align:center;color:var(--text-secondary);margin-bottom:1.5rem}.formulario-cartao form{display:flex;flex-direction:column;gap:1rem}.formulario-cartao form button{margin-top:.5rem}.voltar{position:absolute;top:1rem;left:1rem;background:transparent;color:var(--text-secondary)}.voltar:hover{color:var(--text-primary)}.troca{text-align:center;margin-top:1rem;font-size:.85rem;color:var(--text-secondary)}.troca button{background:transparent;color:var(--accent);padding:0;font-size:.85rem}.troca button:hover{text-decoration:underline;transform:none}.mensagem{margin-top:1rem;padding:1rem;border-radius:10px;text-align:center;font-size:.9rem;background:#4ade801a;color:var(--success);border:1px solid rgba(74,222,128,.3)}.acoes-painel{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.dados-perfil{margin:1rem 0;padding:1rem;background:#ffffff08;border-radius:10px}.dados-perfil p{margin-bottom:.3rem;font-size:.95rem}.dados-perfil strong{color:var(--accent)}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin:1rem 0}.foto-item{position:relative;border-radius:10px;overflow:hidden}.foto-item img{width:100%;height:150px;object-fit:cover;border-radius:10px;display:block}.foto-acoes{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem}.botao-pequeno{padding:.4rem .8rem;font-size:.8rem;background:var(--bg-card);border:1px solid var(--border)}.badge{display:inline-block;padding:.3rem .8rem;background:#c9a87c33;color:var(--accent);border-radius:50px;font-size:.75rem}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.lista-matches{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.cartao-match{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:1.2rem;transition:all var(--transition)}.cartao-match:hover{background:#ffffff0f;transform:translateY(-2px)}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.match-header strong{font-size:1.1rem}.score{background:#a8556e33;color:var(--rose-light);padding:.3rem .8rem;border-radius:50px;font-weight:700;font-size:.9rem}.bio{font-style:italic;color:var(--text-secondary);margin:.5rem 0}.razoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.razao{background:#4ade801a;color:var(--success);padding:.3rem .8rem;border-radius:50px;font-size:.75rem}@media(max-width:768px){.topo{padding:1rem;flex-direction:column;gap:1rem}.topo nav{flex-wrap:wrap;justify-content:center}.hero-carrossel{min-height:auto}.hero-conteudo{grid-template-columns:1fr;padding:3rem 1.5rem;gap:2rem}.hero-texto h1{font-size:2rem}.etapas{grid-template-columns:1fr;padding:2rem 1rem}.formulario-cartao{padding:1.5rem;margin:1rem}.galeria{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.foto-item img{height:100px}}.match-overlay{position:fixed;inset:0;background:#0a0a1af2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.match-animacao{text-align:center}.match-coracoes{font-size:2rem;animation:floatUp 2s infinite ease-in-out}.match-coracoes span{display:inline-block;animation:bounce 1s infinite ease-in-out}.match-coracoes span:nth-child(1){animation-delay:0s}.match-coracoes span:nth-child(2){animation-delay:.2s}.match-coracoes span:nth-child(3){animation-delay:.4s}.match-coracoes span:nth-child(4){animation-delay:.6s}.match-coracoes span:nth-child(5){animation-delay:.8s}.match-titulo{font-size:4rem;color:var(--rose-light);margin:1rem 0;animation:scaleIn .5s ease}.match-subtitulo{font-size:1.2rem;color:var(--text-secondary)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.botao-principal{position:relative;overflow:hidden}.botao-principal:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.2) 50%,transparent 60%);animation:brilho 3s infinite}@keyframes brilho{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.cartao-match{transition:all .3s ease;border-left:3px solid transparent}.cartao-match:hover{border-left:3px solid var(--rose);box-shadow:0 8px 25px #a8556e33;transform:translate(5px)}.coracao{animation:pulsar 2s infinite ease-in-out}@keyframes pulsar{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.descoberta-foto{transition:transform .5s ease}.descoberta-foto:hover{transform:scale(1.02)}.botao-principal[style*="background: var(--rose)"]{animation:glow 2s infinite ease-in-out}@keyframes glow{0%,to{box-shadow:0 0 10px #a8556e4d}50%{box-shadow:0 0 30px #a8556eb3}}.pagina-formulario{animation:fadeInPage .5s ease}@keyframes fadeInPage{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.foto-item img{border:2px solid transparent;transition:all .3s ease}.foto-item img:hover{border-color:var(--accent);box-shadow:0 0 20px #c9a87c4d}.cartao-match[style*=borderLeft]{animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.info-foto{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);z-index:20;background:#0009;padding:.5rem 1.5rem;border-radius:50px;display:flex;gap:.5rem;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-foto strong{color:var(--accent)}.info-foto span{color:var(--text-secondary);font-size:.85rem}