.button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 30px;

    border-radius:14px;

    background:var(--primary);

    color:white;

    font-weight:600;

    transition:.25s;

}

.button:hover{

    background:var(--primary-hover);

    transform:translateY(-2px);

}

.input{

    width:100%;

    height:50px;

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:14px;

    color:white;

    padding:0 18px;

}

.card{

background:rgba(30,35,67,.82);

backdrop-filter:blur(18px);

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

box-shadow:
0 15px 45px rgba(0,0,0,.28);
     
}

.back-button{

display:inline-flex;

align-items:center;

gap:8px;

margin:20px;

padding:10px 18px;

background:#171f38;

color:white;

border-radius:12px;

text-decoration:none;

font-weight:600;

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

transition:.2s;

}


.back-button:hover{

background:#252e4d;

transform:translateX(-3px);

}