/* ==========================================================
   JSERN Property Pro
   Global Styles
   Version 1.0
========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');

:root{

    --primary:#C8A96A;
    --primary-hover:#D8B97A;

    --bg:#0B0D12;
    --bg2:#151922;

    --card:rgba(255,255,255,.08);

    --border:rgba(255,255,255,.12);

    --white:#FFFFFF;

    --text:#D6D6D6;

    --danger:#FF5B5B;

    --radius:18px;

    --transition:.35s;

}

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

html{

    scroll-behavior:smooth;

}

body{

    font-family:'Manrope',sans-serif;
    background:linear-gradient(135deg,#0B0D12,#171B25);
    color:var(--white);
    min-height:100vh;
    overflow-x:hidden;

}

h1,h2,h3,h4,h5{

    font-family:'Playfair Display',serif;
    font-weight:700;

}

a{

    text-decoration:none;

}

button{

    font-family:'Manrope',sans-serif;
    cursor:pointer;

}

input{

    font-family:'Manrope',sans-serif;

}

.glass{

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.10);

    backdrop-filter:blur(20px);

    -webkit-backdrop-filter:blur(20px);

    border-radius:var(--radius);

    box-shadow:0 15px 40px rgba(0,0,0,.35);

}

.btn-primary{

    width:100%;

    height:54px;

    border:none;

    border-radius:14px;

    background:var(--primary);

    color:#111;

    font-size:16px;

    font-weight:700;

    transition:var(--transition);

}

.btn-primary:hover{

    background:var(--primary-hover);

    transform:translateY(-2px);

}

.form-group{

    margin-bottom:20px;

}

.form-group label{

    display:block;

    margin-bottom:8px;

    color:#D8D8D8;

    font-size:14px;

}

.form-control{

    width:100%;

    height:52px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.10);

    border-radius:14px;

    padding:0 18px;

    color:#FFF;

    font-size:15px;

    transition:.3s;

}

.form-control:focus{

    outline:none;

    border-color:var(--primary);

    box-shadow:0 0 0 4px rgba(200,169,106,.15);

}

.fade-up{

    animation:fadeUp .7s ease;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}