:root {
    --bg-color: #020617;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --accent-blue: #3b82f6;
    --accent-purple: #8b5cf6;
    --glass-bg: rgba(255, 255, 255, 0.03);
    --glass-border: rgba(255, 255, 255, 0.08);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--bg-color);
    color: var(--text-primary);
    font-family: 'Inter', sans-serif;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    line-height: 1.6;
}

/* Tipografia */
h1, h2, h3 {
    font-family: 'Outfit', sans-serif;
}

/* Fundo Animado e Glows */
.background-effects {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

.glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
    animation: float 10s infinite ease-in-out alternate;
}

.glow-1 {
    width: 40vw;
    height: 40vw;
    background: radial-gradient(circle, rgba(59,130,246,0.3) 0%, rgba(0,0,0,0) 70%);
    top: -10%;
    left: -10%;
    animation-delay: 0s;
}

.glow-2 {
    width: 35vw;
    height: 35vw;
    background: radial-gradient(circle, rgba(139,92,246,0.2) 0%, rgba(0,0,0,0) 70%);
    bottom: -10%;
    right: -5%;
    animation-delay: -5s;
}

.glow-3 {
    width: 25vw;
    height: 25vw;
    background: radial-gradient(circle, rgba(59,130,246,0.2) 0%, rgba(0,0,0,0) 70%);
    top: 40%;
    left: 40%;
    animation-duration: 15s;
}

.grid-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 40px 40px;
    mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 100%);
}

@keyframes float {
    0% { transform: translateY(0) scale(1); }
    arendxh;
    -webkit-mas5-1 {
.teY(0) sans-C2, at 1r PrincipalFundo03)morphismimadoc2, at 1r {
    left: 0;
    widtmax-left: 060-size: 40rgin: 0;
2rem height: 100%;
1on-delay03);card-box;
}

body {
 r);
    b5cf6;
 )ion: absolut:, tr  poid);
    b5cf6;
solutansparent 1drop-us: 50%;
    16transparet 100%);nt 1drop-us: 50%;
    16transparebsolute;
    bo24size: 40rgin: 0;
3rem heighding:h/* ;
 0gbatr 5roun-12oun246,0.2 .2 .2 ..5)height: 100vh;
    displa    -diracky {
 -coumerflow:gaolu2.5rem heigh hidden;
    position: rdex: -1;
    overflow: h03);card::be are-box;
}
    just'';rid-overlay {
    position: absolute;
    top: -;
    widtleft: 05    width: 100%;
    height: 100%;
 :ent 1px),
    linear-gra, black 40%radient(90d(90d(90d5, 5)ra, black 40%(0,0,0,0
    arendskewX(-2ar-g) opacity: 0.5;
  sht 1 6ion: floatsparent 100%);
}sht 1 frames floa top: -;
   (0) sca2 floa top: 2
   (0) scale(1);  top: 2
   (0) sans-Healut & Logoimadohealut {eight: 100vh;
    display: flex;
    justify-contlow:logo-c2, at 1r {
    : 100vh;
    displa center;
    align-items:gaolu0.5rem hlow:logo-ic2,*/
h1, h2, h  back2rem heighus: 50%;drop-:h/* ;(0 0g1roun;
    4a3b8;
    )) hlow:logo-colo*/
h1, h2, h  back1.8rem heighu2, hw: 100%;80te;
    tt 50-s(80p 0;
-5, 2em hlow:h 10l 100-box;
}

body {
 r)nt 1px),
    linear-gra;
    4a3b8;
    )ra;
    4a3b8;
    --)ansparet 100%);nt 1dy {
   liolucolonsparet 100%);colorus:l   backg, black 40%nsparent 1px);
   liolucolons sans-C2, eúdoimadoc2, 40%,box;
}color cent  align-items:: 100vh;
    displa    -diracky {
 -coumerflow: center;
    align-items:gaolu1.5rem hlow:badge {
    : 100vh;
inelatiblock    margin: 0;
 .4rem 1rem heighd: 25vw;
    ent(cir cle,  rgb
 .1ar(--bg-color)#60a5faion: absolut:, tr  poid) ent(cir cle,  rgb
 .2ansparebsolute;
    bo999size: 40h2, h  back0.85rem heighu2, hw: 100%;50te;
    tt 50-s(80p 0;
5, 5em heighcolor0
    arendupperc0s  hlow:title*/
h1, h2, h  back2.5rem heighelative;
    li1 heighu2, hw: 100%;60te;low:descripky {-box;
}
 olor);
    color;
    --t);
h1, h2, h  back1.1rem heighmax-left: 045-size sans-sareulári FunInputnimadonoflex; are {
    left: 0;
    widtma}

*-bsolu1rem heigh hidden;
    positiolow: are-label {
    : 100vh;
block    maleft: 0;
    widtcolor cent  align-items:-color);
    color: var(--text-primarw: 100%;50te;
   ma}

*-0) 70%);1.2rem heighu2, h  back1.05rem heighett 50-s(80p 0;
5, 2em hlow:input-5vw;p {
    : 100vh;
    displagaolu0.5rem heighd: 25vw;
    ent(.2 .2 .2 ..2)ion: absolut:, tr  poid);
    b5cf6;
solutansparensolute;
    bo12ou    margin: 0;
 .4rem0,0,0,0
   dden;
 nsolute-colo
 .3s 10s  hlow:input-5vw;p:focus-letht -box;
}
solute-colo   ent(9gb
16 rgba.2 ..5)heightding:h/* ;
 0g0g0g2oun246,0cir cle,  rgb
 .2anslowinput*/
h1, hl0%;
1oneighd: 25vw;
   , black 40%nsparensolut:,none    margin: 0;
 .8rem 1rem heigh-color);
    color: var(--text-primary);
    inhtfit heighu2, h  back1rem heighnitelat:,none  lowinput::00vcehollut {eight-colo   ent(148b
163b
184b
 .6) hlow:btnr: var(--box;
}

body {
 r)nt 1px),
    lin135r-gra;
    4a3b8;
    )ra;
    4a3b8;
    --)anspare-colo  whiition: absolut:,none    mansolute;
    bo8ou    margin: 0;
 .8rem 1.5rem heighu2, hw: 100%;60te;
   rimary);
    inhtfit heighu2, h  back1rem heighcurslo  poiign-items:0
   dden;
 0
    are
 .2s 10s ,tding:h/* ;
 .2s 10s  hlow:btnr: var(-:hdex:,box;
}c
    arendxh;
    -web2transparebsng:h/* ;
 0g1roun2roun-1roun;
    4a3b8;
    --) hlow:btnr: var(-:acosit,box;
}c
    arendxh;
    -we0)e-height:oast de Sucessoimadotoast en;
}

.glow {
    position: abs 70%);
6-size: 40 top: 5    widtc
    arendxh;
    -X(-5ba(0,0,0,0: 25vw;
    ent(1gb
18 rg129b
 .15)ion: absolut:, tr  poid) ent(1gb
18 rg129b
 .3ar(--bg-color)#34d399    margin: 0;
 .8rem 1.5rem heighnsolute;
    bo8ou    mah2, h  back0.9rem heighu2, hw: 100%;50te;
   whiit-s(80t:,nowrapr: blur(80px);
1items:0
   dden;
 r(80px)
 .3s 10s , 0
    are
 .3s 10s  hlow:toast.   ove en;
}
r(80px);
  heigh hiign--evb8;s:,none    mac
    arendxh;
    -(-5ba,n-1rou)ze sans-saotut & Redes Sociainimadofaotut {tems:: 100vh;
    displa    -diracky {
 -coumerflow: center;
    align-items:gaolu1.5rem heighnsolutebsolu1tr  poid);
    b5cf6;
solutansparergin: 0ebsolu2rem hlow:social-nt ks {
    : 100vh;
    displagaolu1rem hlow:social-nt k {
    : 100vh;
    displa center;
    align-items:y: flex;
    justify-content:glow-1 {
ou    mah: 40vw;
 ou    mabsolute;
    border-radi0: 25vw;
    ent(ass-bg: rgba(255, 255, 255bsolut:, tr  poid);
    b5cf6;
solutanspare
 olor);
    color;
    --t);
h1, 0
   dden;
 all
 .3s 10s  hlow:social-nt k:hdex:,box;
}0: 25vw;
    ent(ass-bg: rgba(255,1ar(--bg-color);
    color: var(--text-p}
    arendxh;
    -webktransparebsolute-color);
    4a3b8;
    )heightding:h/* ;
 0g0g15oun246,0cir cle,  rgb
 .3) hlow:ic2,*/
h1, glow-3 {
ou    mah: 40vw;{
ou    mastrokt:,cur 40%Ccolo    mastrokt-left: 02    mastrokt-nt 1caoluvw;
     mastrokt-nt 1jo
* {vw;
   low:copyr 100-box;
}
 olor);
    color;
    --t);
h1, h2, h  back0.85rem h sans-
}

/ções de Enxh;daimadofaluinfi;p {
    ty: 0.5;
   aluInUp 1s,cubic-bezier(5,1gb
1b
 .3b
1) h2rwards;n;
}
r(80px);
  heigh}
    arendxh;
    -we3rou)ze sant 100%);
}
aluInUp box;
}co box;
} blur(80px);
1items:x;
}c
    arendxh;
    -we0)e-x;
}0) sans-Respo  dvidaluimad@meask (max-left: 064it-mabox;
}lay03);card-box;
}: 40rgin: 0;
2remu1.5rem heigh0) scaox;
}ltitle*/
h1, h1, h2, h  back2rem heigh0) scaox;
}linput-5vw;p {
    spla    -diracky {
 -coumerflow:eighd: 25vw;
   , black 40%nsparen: absolut:,none    ma  margin: 0;
    padsplagaolu0.8rem heigh0) scaox;
}linput-5vw;p:focus-letht -box;
}ightding:h/* ;
 none    ma0) scaox;
}input*/
h1, eighd: 25vw;
    ent(.2 .2 .2 ..2)ion: a 255bsolut:, tr  poid);
    b5cf6;
solutanspareparensolute;
    bo12ou    ma0) scaox;
}input:focus-box;
}ightdiolute-colo   ent(9gb
16 rgba.2 ..5)height0) scaox;
}lbtnr: var(--box;
}  maleft: 0;
    widt0) s