*{
    box-sizing:border-box;
    font-family:'Segoe UI',Arial,sans-serif;
}


body{

    margin:0;

    min-height:100vh;

    background:
    linear-gradient(
        135deg,
        #1f2937,
        #0f172a
    );

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px;

}



.register-card{

    width:100%;

    max-width:420px;

    background:
    rgba(255,255,255,0.12);


    backdrop-filter:blur(15px);


    border-radius:25px;


    padding:35px 25px;


    box-shadow:

    0 20px 50px
    rgba(0,0,0,.4);


    text-align:center;

}



.logo{

    font-size:60px;

    margin-bottom:15px;

}



h1{

    font-size:30px;

    color:white;

    margin-bottom:10px;

}



.subtitle{

    color:#ddd;

    font-size:16px;

    margin-bottom:30px;

}



input{


    width:100%;


    padding:16px;


    margin-bottom:15px;


    border-radius:15px;


    border:none;


    font-size:17px;


    outline:none;

}



button{


    width:100%;


    padding:17px;


    border:none;


    border-radius:30px;


    background:

    linear-gradient(
    45deg,
    #ffd700,
    #ff9800
    );


    font-size:20px;


    font-weight:bold;


    cursor:pointer;


    color:#111;

}



button:active{

transform:scale(.97);

}



@media(max-width:480px){


h1{

font-size:26px;

}


.register-card{

padding:30px 20px;

}

}