*{box-sizing:border-box;margin:0;padding:0}
:root{--roxo:#542884;--amarelo:#fcc10a;--fundo:#0e0818;--texto:#f3eefb;--suave:#b9aed0}
html,body{min-height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px;color:var(--texto);background:var(--fundo);position:relative;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:
 radial-gradient(60vmax 60vmax at 0% 0%,rgba(84,40,132,.75),transparent 60%),
 radial-gradient(45vmax 45vmax at 100% 100%,rgba(252,193,10,.22),transparent 60%),
 radial-gradient(40vmax 40vmax at 100% 0%,rgba(84,40,132,.35),transparent 60%),
 linear-gradient(160deg,#170b29,#0b0614)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 50% 40%,#000,transparent 75%)}
.forma{position:fixed;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}
.f1{width:340px;height:340px;right:-90px;top:12%;border:2px solid rgba(252,193,10,.25)}
.f2{width:200px;height:200px;left:-60px;bottom:8%;border:2px solid rgba(84,40,132,.6)}
.card{width:100%;max-width:640px;text-align:center;padding:34px 36px 28px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.placa{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:18px;padding:16px 26px;margin-bottom:22px;box-shadow:0 10px 30px rgba(84,40,132,.45)}
.placa img{display:block;max-width:240px;max-height:84px;width:auto;height:auto}
.selo{display:inline-block;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amarelo);border:1px solid rgba(252,193,10,.4);border-radius:30px;padding:6px 14px;margin-bottom:18px}
h1{font-size:2rem;line-height:1.2;font-weight:800;margin-bottom:12px}
h1 em{font-style:normal;background:linear-gradient(90deg,#c9a3ff,var(--amarelo));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{color:var(--suave);line-height:1.6;max-width:480px;margin:0 auto 20px}
.barra{height:5px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden;margin:0 auto 22px;max-width:220px}
.barra i{display:block;height:100%;width:40%;border-radius:5px;background:linear-gradient(90deg,var(--roxo),var(--amarelo));animation:a 2.2s ease-in-out infinite alternate}
@keyframes a{from{margin-left:0}to{margin-left:60%}}
ul.contato{list-style:none;display:grid;gap:10px;text-align:left;max-width:440px;margin:0 auto}
ul.contato li{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:9px 14px;font-size:.95rem;word-break:break-word}
ul.contato li span{flex:0 0 34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(84,40,132,.6);font-size:1rem}
ul.contato a{color:var(--texto);text-decoration:none;font-weight:600}
.wa{display:inline-flex;gap:8px;align-items:center;margin:20px 0 4px;background:var(--amarelo);color:#1b0f2b!important;padding:14px 26px;border-radius:40px;text-decoration:none;font-weight:800;box-shadow:0 10px 30px rgba(252,193,10,.3)}
.redes{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.redes a{border:1px solid rgba(255,255,255,.18);color:var(--texto);border-radius:30px;padding:7px 16px;font-size:.85rem;text-decoration:none;background:rgba(255,255,255,.04)}
.rodape{margin-top:22px;font-size:.8rem;color:var(--suave)}
.rodape a{color:var(--amarelo);text-decoration:none;font-weight:600}
@media(max-width:480px){.card{padding:34px 20px;border-radius:22px}h1{font-size:1.5rem}.placa{padding:12px 18px}.placa img{max-width:190px;max-height:90px}.f1{width:220px;height:220px}}
.marca-mrx{margin-bottom:22px}
.marca-mrx img{display:block;margin:0 auto;width:260px;max-width:80%;height:auto;filter:drop-shadow(0 8px 24px rgba(84,40,132,.6))}
@media(max-width:480px){.marca-mrx img{width:210px}}