body{
    background:#171717;
    color:white;
    font-family:'Inter',sans-serif;
    min-height:100vh;

}

.signup-header{
    height:72px;
    display:flex;
    align-items:center;
    padding:0 42px;

}

.logo{
    font-family:'Orbitron',sans-serif;
    font-size:1.8rem;
    color:white;
    text-decoration:none;

}

.logo span{
    color:#4FA7FF;

}

.signup-main{
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:calc(100vh - 72px);
    animation:slide 0.8s ease-in-out alternate;

}
@keyframes slide {
    from{
        transform:translateY(10px);
        opacity:0;
    }
    to{
        transform:translateY(0px);
        opacity:1;
    }
}

.signup-content{
    width:100%;
    max-width:420px;
    text-align:center;

}

.signup-content h1{
    font-size:2.3rem;
    font-weight:700;
    margin-bottom:18px;

}

.signup-content p{
    color:#A3A3A3;
    margin-bottom:42px;

}

.input-group input{
    width:100%;
    height:54px;
    border:1px solid #3A3A3A;
    background:#202020;
    color:white;
    border-radius:10px;
    padding:0 16px;
    outline:none;
    transition:.25s;

}

.input-group input:focus{
    border-color:#4FA7FF;
    box-shadow:
        0 0 0 3px rgba(79,167,255,.18);

}

.continue-btn{
    width:100%;
    height:54px;
    margin-top:18px;
    border:none;
    border-radius:10px;
    background:white;
    color:#171717;
    font-weight:600;
    transition:.25s;

}

.continue-btn:hover{
    background:#F3F3F3;

}

.signup-message{
    margin-top:18px;
    text-align:center;
    font-size:.95rem;
    min-height:24px;

}

.signup-message.error{
    color:#ff6b6b;

}

.signup-message.success{
    color:#51cf66;

}

.login-link{
    margin-top:20px;
    text-align:center;
    font-size:.95rem;

}

.btn-link{
    color:#4FA7FF;
    text-decoration:none;

}