/* =======================================
   COMPONENT STYLE
======================================= */

.container{
width:100%;
max-width:1200px;
margin:auto;
display:flex;
justify-content:center;
align-items:flex-start;
}

.hidden{
display:none;
}

.center{
text-align:center;
}

.text-white{
color:#fff;
}

.fullscreen{
width:100%;
min-height:100vh;
}

.fade{
opacity:0;
transition:.5s;
}

.show{
opacity:1;
}

.round{
border-radius:30px;
}

.shadow{
box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.flex{
display:flex;
}

.flex-center{
display:flex;
justify-content:center;
align-items:center;
}

.flex-column{
display:flex;
flex-direction:column;
}

.w-100{
width:100%;
}

.mx-auto{
margin-left:auto;
margin-right:auto;
}

.mt-20{
margin-top:20px;
}

.mt-30{
margin-top:30px;
}

.mt-40{
margin-top:40px;
}

.mb-20{
margin-bottom:20px;
}

.mb-30{
margin-bottom:30px;
}

.glass-card{
width:100%;
max-width:900px;
margin:auto;
padding:60px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(18px);
border:1px solid rgba(255,255,255,.15);
border-radius:30px;
box-shadow:0 20px 60px rgba(0,0,0,.35);
}