body {
background: #0b1120;
color: #dce3f1;
font-family: "Inter", sans-serif;
}
.hero {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: radial-gradient(
circle at top,
rgba(212,175,55,0.25),
rgba(11,17,32,1) 70%
);
}
.hero h1 {
font-size: 3rem;
font-weight: 800;
background: linear-gradient(90deg, #d4af37, #f3e4a6);
-webkit-background-clip: text;
color: transparent;
height: 100%;
}

.sub-slogan {
font-size: 1.2rem;
opacity: 0.8;
}

.info-card {
background: #111827;
padding: 30px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.06);
transition: 0.3s;
}

.info-card:hover {
transform: translateY(-5px);
border-color: #d4af37;
}

input::placeholder {
    color: #f2f2f2!important;
    opacity: 1!important;
}
.contato-box {
background: #111827;
padding: 40px;
border-radius: 12px;
border: 1px solid rgba(255,255,255,0.08);
}

input, textarea {
background: #0b1120 !important;
border: 1px solid #2a3348 !important;
color: #fff !important;
}
input:focus, textarea:focus {
border-color: #d4af37 !important;
box-shadow: 0 0 0 1px #d4af37 !important;
}

.floating-btns {
position: fixed;
bottom: 20px;
right: 20px;
display: flex;
flex-direction: column;
gap: 12px;
z-index: 1000;
}
.floating-btns a {
width: 55px;
height: 55px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #d4af37;
color: #000;
font-size: 22px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0,0,0,0.4);
transition: .3s;
}
.floating-btns a:hover {
transform: scale(1.1);
}

.nosconheca {
background: #111827;
padding: 5px;
border-radius: 12px;
border: 1px solid #d4af37;;
transition: 0.3s;
}
.nosconheca:hover {
transform: scale(1.1);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;}
.loader-overlay{
position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;
background:linear-gradient(180deg,#0b0b0b 0%, #111 100%);
z-index:9999;transition:opacity .6s ease, visibility .6s;opacity:1;visibility:visible;
}
.loader-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-brand{color:#f7e7b5;font-weight:700;letter-spacing:1px;margin-bottom:18px;font-size:18px}
.progress-wrap{width:min(760px,90%);max-width:760px}
.progress-bar{
height:18px;border-radius:12px;background:rgba(255,255,255,0.06);overflow:hidden;position:relative;
box-shadow:0 6px 20px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
}
.progress-fill{
height:100%;width:0%;border-radius:12px 6px 6px 12px;
background:linear-gradient(90deg,#ffd56b 0%, #f2c94c 35%, #b78716 70%);
box-shadow:0 6px 18px rgba(183,135,22,0.28), inset 0 -6px 12px rgba(255,255,255,0.06);
transition:width .3s ease;position:relative;overflow:hidden;
}

.progress-fill::after{
content:"";position:absolute;inset:0;left:-60%;width:60%;
background:linear-gradient(120deg, rgba(255,255,255,0.12), rgba(255,255,255,0.28), rgba(255,255,255,0.06));
transform:skewX(-20deg);animation:shine 1.6s linear infinite;
}
@keyframes shine{0%{left:-60%}100%{left:160%}}
.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;color:#f3e8c1;font-size:13px}
.progress-meta .percent{font-weight:700}
main{min-height:100vh;padding:60px 24px;opacity:1;transition:opacity .4s ease}
.main-hidden{opacity:0;pointer-events:none}
.fade-out-up{transform:translateY(-8px);opacity:0}
@media (max-width:420px){.loader-brand{font-size:15px}.progress-bar{height:14px}.progress-meta{font-size:12px}}