body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4}h1,h2,h3{color:#333}a{text-decoration:none;color:#007bff}a:hover{text-decoration:underline}.container{width:80%;margin:auto;overflow:hidden}.btn{display:inline-block;font-size:16px;color:#fff;background-color:#007bff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.btn:hover{background-color:#0056b3}.form-group{margin-bottom:15px}input[type=text],input[type=password],input[type=email]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{border-color:#007bff}.match-list{list-style-type:none;padding:0}.match-list li{background:#fff;margin:10px 0;padding:15px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th,.ranking-table td{border:1px solid #ddd;padding:8px}.ranking-table th{background-color:#007bff;color:#fff}