*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;width:100vw;background:linear-gradient(180deg,#363467,#1e1d46cc)}h1{color:#fff;font-size:28px;text-align:center}form{display:flex;flex-direction:column;gap:30px;padding:30px;border-radius:10px;background-color:#2e2d4e;max-width:50%;width:400px;margin-bottom:20px}form button{background-color:#8b8ae1;color:#fff;padding:10px;border:none;border-radius:30px;cursor:pointer;height:40px;font-weight:700;font-size:14px}form button:hover{opacity:.8}form input{border:1px solid #48456c;border-radius:30px;font-size:14px;background-color:#363653;height:40px;color:#fff;padding:10px;outline:none}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:100px}.card{display:flex;justify-content:space-between;background-color:#2d2d4e;padding:10px;border-radius:10px;width:400px;margin:10px}.card p{font-weight:700;color:#fff}.card p span{font-weight:400}.card button{background-color:transparent;color:red;border:none;cursor:pointer}.card button:hover{opacity:.5}