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

body{
    background:#0a0712;
    color:white;

    min-height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    font-family:sans-serif;
}

.register-logo{

    width:120px;
    height:120px;

    object-fit:cover;

    display:block;

    margin:0 auto 20px auto;

    border-radius:50%;

    border:3px solid rgba(255,255,255,.15);

    box-shadow:
    0 0 20px rgba(160,32,240,.8),
    0 0 50px rgba(160,32,240,.5);

    animation:float 3s ease-in-out infinite;
}

.container{

    width:90%;
    max-width:400px;

    padding:25px;

    border:1px solid #c77dff;

    border-radius:15px;

    box-shadow:
    0 0 15px #a020f0,
    0 0 35px rgba(160,32,240,.4);

    background:#111;
}

h1,h2{
    text-align:center;
    margin-bottom:20px;
}

input{

    width:100%;

    padding:12px;

    margin-bottom:15px;

    border:none;

    border-radius:10px;

    outline:none;

    background:#1a1a1a;

    color:white;
}

button{

    width:100%;

    padding:12px;

    border:none;

    border-radius:10px;

    background:#a020f0;

    color:white;

    cursor:pointer;

    transition:.3s;
}

button:hover{

    transform:scale(1.03);

    box-shadow:
    0 0 10px #a020f0,
    0 0 20px #a020f0;
}

#member-name{
    text-align:center;
    margin-bottom:15px;
}