*{margin:0;padding:0;box-sizing:border-box}
:root{--rosa:#ff6b9d;--azul-claro:#4ecdc4;--azul-escuro:#5d5dff;--bg:#0a0612}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:#fff;overflow-x:hidden}

/* FUNDO MUSICAL - ESTILO VEXELS DA SUA FOTO */
.video-fundo{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:#d8d0ff}
.fundo-img{width:100%;height:100%;object-fit:cover;display:block;animation: zoomFundo 14s ease-in-out infinite alternate, brilhoFundo 4s ease-in-out infinite}
.ondas-luz{position:absolute;inset:0;z-index:1;background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);background-size:200% 100%;animation: onda 3.5s linear infinite;pointer-events:none}
.luzes-piscando{position:absolute;inset:0;z-index:2;background: radial-gradient(circle at 20% 30%, rgba(255,107,157,.32) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(78,205,196,.32) 0%, transparent 50%);animation: piscarLuz 1.8s ease-in-out infinite alternate;pointer-events:none}
.overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(to bottom, rgba(216,208,255,.25), rgba(10,6,18,.78))}

/* NOTAS VOANDO - CORES IGUAIS DA SUA FOTO */
.notas-voadoras{position:absolute;inset:0;z-index:4;pointer-events:none}
.nota{position:absolute;font-weight:900;opacity:0;animation: voarNota 7s ease-in-out infinite;text-shadow:0 0 15px currentColor}
.n1{left:5%;font-size:52px;color:#ff6b9d;animation-delay:0s}
.n2{left:14%;font-size:28px;color:#4ecdc4;animation-delay:.6s}
.n3{left:24%;font-size:44px;color:#5d5dff;animation-delay:1.2s}
.n4{left:34%;font-size:36px;color:#ff6b9d;animation-delay:1.8s}
.n5{left:46%;font-size:30px;color:#4ecdc4;animation-delay:2.4s}
.n6{left:58%;font-size:48px;color:#5d5dff;animation-delay:.3s}
.n7{left:70%;font-size:32px;color:#ff6b9d;animation-delay:.9s}
.n8{left:82%;font-size:40px;color:#4ecdc4;animation-delay:1.5s}
.n9{left:90%;font-size:26px;color:#5d5dff;animation-delay:2.1s}
.n10{left:40%;font-size:34px;color:#ff6b9d;animation-delay:2.7s}

@keyframes voarNota{
  0%{top:110%;opacity:0;transform:translateX(0) rotate(0deg) scale(.8)}
  10%{opacity:1}
  50%{opacity:1;transform:translateX(30px) rotate(10deg) scale(1.1)}
  90%{opacity:1}
  100%{top:-15%;opacity:0;transform:translateX(-20px) rotate(-10deg) scale(1.2)}
}
@keyframes zoomFundo{0%{transform:scale(1)}100%{transform:scale(1.1)}}
@keyframes brilhoFundo{0%,100%{filter:brightness(1) saturate(1.1)}50%{filter:brightness(1.2) saturate(1.4)}}
@keyframes onda{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes piscarLuz{0%{opacity:.45}100%{opacity:.9}}

/* INSTA */
.insta-float{position:fixed;bottom:20px;right:20px;width:58px;height:58px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;z-index:9999;text-decoration:none;box-shadow:0 0 20px rgba(255,105,180,.6)}

/* HEADER */
.header{position:fixed;top:0;width:100%;padding:16px 5%;z-index:100;transition:.3s}
.header.scrolled{background:rgba(10,6,18,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,105,180,.18)}
.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.logo{font-family:'Great Vibes',cursive;font-size:40px;text-shadow:0 0 12px #ff69b4}
.menu{list-style:none;display:flex;gap:28px}
.menu a{color:#fff;text-decoration:none;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;opacity:.8;font-weight:600}
.menu a:hover{opacity:1;color:#ff69b4}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 5%}
.hero-content{animation: surgir 1.2s ease-out}
.subtitle{color:#FFD700;letter-spacing:6px;font-size:12px;margin-bottom:18px;text-transform:uppercase}
.hero-title{font-family:'Great Vibes',cursive;font-size:clamp(72px,13vw,150px);line-height:.9;margin-bottom:16px;text-shadow:0 0 30px rgba(255,105,180,.5)}
.hero-title span{background:linear-gradient(90deg,#ffb6d9,#FFD700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-text{opacity:.8;margin-bottom:36px;font-size:18px}
.btn-glow{display:inline-flex;gap:10px;align-items:center;padding:15px 32px;border-radius:50px;background:linear-gradient(90deg,#ff69b4,#ff8a00);color:#fff;text-decoration:none;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:12px;box-shadow:0 0 25px rgba(255,105,180,.5);border:none;cursor:pointer;transition:.3s}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 35px rgba(255,105,180,.8)}
@keyframes surgir{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}

/* SECOES */
.tour,.contato,.youtube-section{padding:90px 5%}
.container{max-width:1100px;margin:0 auto}
.tour h2,.contato h2,.youtube-section h2{font-family:'Great Vibes',cursive;font-size:60px;color:#ffb6d9;margin-bottom:26px}
.datas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.data-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,105,180,.2);padding:24px;border-radius:16px;backdrop-filter:blur(8px);animation:surgir .8s backwards}
.data-card:nth-child(2){animation-delay:.2s} .data-card:nth-child(3){animation-delay:.4s}

/* YOUTUBE */
.youtube-section{background:radial-gradient(ellipse at center,rgba(255,105,180,.08),transparent 70%)}
.yt-sub{opacity:.6;margin-bottom:28px;letter-spacing:1px;font-size:13px;text-transform:uppercase}
.yt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:35px}
.yt-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,105,180,.18);border-radius:18px;overflow:hidden;backdrop-filter:blur(10px);transition:.3s}
.yt-card:hover{transform:translateY(-5px);border-color:#ff69b4;box-shadow:0 12px 30px rgba(255,105,180,.22)}
.yt-frame{position:relative;width:100%;padding-top:56.25%;background:#000}
.yt-frame iframe{position:absolute;inset:0;width:100%;height:100%}
.yt-card h3{padding:12px 16px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;display:flex;gap:8px;align-items:center;opacity:.9}
.yt-btn{background:linear-gradient(90deg,#ff0000,#ff4b4b)!important}
.form{display:flex;flex-direction:column;gap:14px;max-width:480px;margin-top:25px}
.form input,.form textarea{padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#fff;outline:none;font-family:inherit}
.form input:focus,.form textarea:focus{border-color:#ff69b4}
.form textarea{min-height:110px;resize:none}
footer{text-align:center;padding:35px;opacity:.5;font-size:12px;border-top:1px solid rgba(255,255,255,.07)}
@media(max-width:768px){.menu{display:none}.yt-grid{grid-template-columns:1fr}.logo{font-size:32px}.hero-title{font-size:80px}}