:root { --navy:#0A2540; --red:#E63946; --gold:#F1C453; }
        html { scroll-behavior: smooth; }
        * { font-family: 'Inter', system-ui, -apple-system, sans-serif; }
        h1, h2, h3, .display { font-family: 'Poppins', sans-serif; }
        body { background: #F8FAFC; }
        .stars {
            background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='white' fill-opacity='0.05'%3E%3Cpath d='M40 12l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5-5.8-3-5.8 3 1.1-6.5-4.7-4.6 6.5-.9z'/%3E%3C/g%3E%3C/svg%3E");
        }
        .glass {
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        
        @keyframes float { 0%,100%{ transform: translateY(0) rotate(0)} 50%{ transform: translateY(-14px) rotate(2deg)} }
        @keyframes float2 { 0%,100%{ transform: translateY(0)} 50%{ transform: translateY(-10px)} }
        @keyframes pulse { 0%,100%{ transform:scale(1); opacity:1 } 50%{ transform:scale(1.06); opacity:.92 } }
        @keyframes shine { 0%{ left:-150% } 60%,100%{ left:150% } }
        @keyframes load { 0%{ transform:translateX(-150%)} 100%{ transform:translateX(350%)} }
        
        .float-slow { animation: float 7s ease-in-out infinite; }
        .float-slower { animation: float2 9s ease-in-out infinite; }
        .loader-logo { animation: pulse 1.6s ease-in-out infinite; }
        
        .reveal { opacity:0; transform: translateY(28px); transition: all .9s cubic-bezier(.2,.8,.2,1); }
        .reveal.active { opacity:1; transform: none; }
        
        .btn-ripple { position: relative; overflow: hidden; isolation: isolate; }
        .ripple { position:absolute; border-radius:50%; transform:scale(0); background:rgba(255,255,255,.35); animation: ripple .7s ease-out; pointer-events:none; }
        @keyframes ripple { to{ transform:scale(4); opacity:0 } }
        
        .shine { position:relative; overflow:hidden; }
        .shine::after { content:''; position:absolute; top:0; left:-150%; width:60%; height:100%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); transform:skewX(-20deg); animation: shine 4.5s infinite; }
        
        .hero-gradient { background: linear-gradient(180deg, rgba(10,37,64,0.75) 0%, rgba(10,37,64,0.55) 40%, rgba(10,37,64,0.85) 100%); }
        
        /* Valores - rebuilt */
        .valores-wrap { display:flex; gap:16px; justify-content:space-between; align-items:stretch; }
        .value-card { flex:1; max-width:360px; background:#fff; padding:14px 18px; border-radius:16px; box-shadow:0 8px 24px rgba(10,37,64,.08); border:1px solid rgba(226,232,240,.9); display:flex; align-items:center; gap:12px; transition:transform .2s ease, box-shadow .2s ease; }
        .value-card:hover { transform:translateY(-2px); box-shadow:0 12px 32px rgba(10,37,64,.12); }
        .value-card .icon { width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
        .value-card .icon.red { background:#E63946; box-shadow:0 4px 12px rgba(230,57,70,.25); }
        .value-card .icon.gold { background:#F1C453; box-shadow:0 4px 12px rgba(241,196,83,.3); }
        .value-card .icon.navy { background:#0A2540; box-shadow:0 4px 12px rgba(10,37,64,.25); }
        .value-card h4 { font-family:'Poppins',sans-serif; font-weight:700; font-size:15px; color:#0A2540; line-height:1.2; margin:0; }
        .value-card p { font-size:12px; color:#475569; margin:2px 0 0; font-weight:500; line-height:1.3; }
        @media (max-width:767px){ .valores-wrap{ flex-direction:column; } .value-card{ max-width:none; width:100%; } }