*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Roboto',sans-serif;
}

body{
    background:#0f1014;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
}

.container{
    width:100%;
    max-width:430px;
    min-height:100vh;
    padding:20px 24px;
    display:flex;
    flex-direction:column;
}

.top-bar{
    font-size:30px;
    color:#fff;
    cursor:pointer;
}

.language{
    margin-top:1px;
    text-align:center;
    color:#9fa1a6;
    font-size:14px;
}

.language i{
    margin-left:4px;
    font-size:15px;
}

.logo{
    margin:70px auto 60px;
}

.logo img{
    width:70px;
    height:72px;
}

form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

form input{
    width:100%;
    height:62px;
    border:1px solid #36373d;
    border-radius:18px;
    background:#17181d;
    color:#fff;
    font-size:18px;
    padding:0 20px;
    outline:none;
}

form input::placeholder{
    color:#8e8f94;
}

form input:focus{
    border-color:#3797ef;
}

form button{
    height:58px;
    border:none;
    border-radius:30px;
    background:#1877f2;
    color:#fff;
    font-size:22px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

form button:hover{
    background:#0d65d9;
}

.forgot{
    text-align:center;
    margin-top:28px;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:500;
}

.bottom{
    margin-top:auto;
    text-align:center;
}

.create-account{
    width:100%;
    height:58px;
    border:2px solid #3797ef;
    border-radius:30px;
    background:transparent;
    color:#3797ef;
    font-size:22px;
    font-weight:600;
    cursor:pointer;
}

.meta{
    margin-top:25px;
    margin-bottom:6px;
    color:#f5f5f5;
    font-size:20px;
}

.meta span{
    font-size:17px;
    margin-left:1px;
    font-weight:500;
}

@media(max-width:480px){

.container{
    padding:20px;
}

.logo{
    margin:60px auto 50px;
}

.logo img{
    width:64px;
    height:64px;
}

form input{
    height:48px;
    font-size:14px;
}

form button{
    height:46px;
    font-size:15px;
}

.create-account{
    height:46px;
    font-size:15px;
}

}